Sadržaj

• Koraci
• Savjet
• Upozorenje

Puno razmaka koji se obično kreiraju pomoću razmaka, tipki kartice i tipki enter zanemaruju se u web programskim jezicima. HTML ih sve definira kao pravilne razmake između riječi i prikazuje samo jedan razmak. Iako CSS omogućuje korisnicima da postave više detalja o razmaku i poravnanju, HTML nema neke ugrađene alate za prilagodbu vašeg razmaka.

Koraci

Metoda 1 od 2: Umetnite razmake i pojedinačne kartice

1. 

   Umetnuti razmaci nisu izlomljeni. Obično HTML prikazuje samo jedan razmak između riječi, bez obzira na to koliko ste puta pritisnuli razmaknicu. Da biste prikazali više susjednih prostora, upišite ili. Ovaj će kôd stvoriti poseban znak koji se naziva "prostor koji se ne lomi" i koji se uvijek prikazuje.
   • Gornji znak naziva se "neuništivi prostor" jer sprečava da prelomi redaka budu na mjestu. Ako zloupotrijebite ovaj znak, preglednik će imati poteškoća s uređenim i okomitim umetanjem preloma retka.

2. 

   
   
   Umetnite prostore različitih širina. Postoje neki drugi znakovi entiteta koji zahtijevaju da preglednik prikazuje prostor. Način na koji se ti razmaci prikazuju u različitim preglednicima malo se razlikuje, međutim, za razliku od sljedećih kodova, to neće utjecati na prijelom retka:
   • - nazvan je prema "N" prostoru pisača (mjerna jedinica), prostor "en" dvostruko je širi od normalnog prostora.
   • - "em" prostor, približno jednak četiri razmaka.

3. 

   
   
   Simulira karticu s puno nerazornog prostora. Za uvlačenje odlomaka možete uzastopno umetati neuništive razmake :. To je jedino rješenje ako koristite samo HTML, ali ako koristite CSS (opisano odvojeno u donjem koraku) bit će kraće.
   • Ako postoji složena prezentacija teksta, upotrijebite pre-tag.

4. 

   
   
   Poravnajte odlomke s CSS-om. Svojstva CSS "margina" i "padding" daju upute izravno pregledniku, tako da će prikazani rezultati biti dosljedniji. Ovu metodu nije teško implementirati, osim ako ne znate ništa o CSS-u i vaša stranica nema tablicu stilova. Evo primjera kako pomaknuti cijeli odlomak na desnu marginu:
   • U odjeljku HTML dokumenta, umetnite sljedeći kod:
     
     gdje: "p.indent" definira atribut teksta (p tag) naziv "uvlaka" (možete koristiti drugo ime). Ostatak koda dodaje značajku "popunjavanja" prostora na lijevoj strani odlomka.
   • Sada se vratimo na tijelo HTML dokumenta. Kad god želite uvući odlomak (u ovom primjeru i dalje "uvlačiti"), stavite odlomak u ovaj kod:
     

   • Da biste poravnali razmak uvlačenja, promijenite broj "1,8" u CSS kodu. Držite "em" iza jer je ovo duljina jedinice povezana s veličinom fonta.
   oglas

Metoda 2 od 2: Postavite duže praznine

1. 

   Koristite unaprijed formatirane oznake. Bilo koja tipka prostor dobro ↵ Enter upisuje se na karticu

   prikazat će se točno onako kako upišete. Ovu oznaku možete upotrijebiti i za predstavljanje primjera, pjesama ili bilo kojeg drugog teksta koji zahtijeva visoku preciznost u razmaku i prijelomu redaka.

   • Glavni nedostatak predformatiranih kartica je širina. Za razliku od uobičajenog HTML-a, unaprijed formatirani tekst neće se mijenjati kako bi odgovarao veličini korisničkog prozora.

2. 

   Stvorite prijelom retka. Kartica
   završit će trenutni redak teksta. Možete stvoriti prazne retke pomoću višestrukih oznaka za prijelom redaka. Za studente koji su novi u HTML-u ovo je dobar pristup, ali ako ste naučili CSS, ovaj obvezni HTML format se ne preporučuje.

3. 

   Identificirajte odlomak s oznakom "p". Oznaka oko teksta identificira taj odlomak. Većina preglednika odvojit će odlomak praznim retkom, ali ne možete jamčiti dosljedan format teksta. oglas

Savjet

• Kada zadnji put provjerite prikaz na svojoj web stranici, ako vidite suvišne znakove u neobičnom položaju oko isječka, provjerite postoje li nepotpune oznake, poput <> umjesto
  .
• CSS je snažniji i proaktivni alat za predstavljanje web stranica, uključujući razmak za tekst.
• Ograničite iznenadne razmake iza otvorene oznake ili ispred zatvorene oznake. Na primjer, trebali biste napisati Razmaci Vodič ne Prostori Vodič .
• Neuništivi prostor je primjer znaka entiteta: kod koji predstavlja znak koji ne možete unijeti s tipkovnice.

Upozorenje

• Atribut HTML predstavlja ključ Kartica ↹ Zapravo nije toliko učinkovit kao što možda mislite. Standardni HTML dokument nema tabulatore, tako da znak kartice nema učinka.
• Uvijek pišite HTML jezik u uređivač koda ili u običnu tekstualnu datoteku, nemojte koristiti formate za obradu tekstualnih datoteka. Ako vaši prostori postanu čudni znakovi u vašem web pregledniku, to je najvjerojatnije zbog viška podataka koje dodaje procesor za obradu teksta, a koji nije namijenjen mrežnom prikazu.