Tekstni elementi

Različiti dijelovi teksta: naslovi, podnaslovi, obični odlomci. Podebljani i ukošeni tekst, tekst u obliku popisa.

Prijelom reda i prijelom odlomka

     

„Prebacimo” li se unutar HTML kôda u novi red, naš pokušaj neće biti vidljiv u web pregledniku. Uostalom, kao što smo spomenuli, kôd cijele stranice može biti napisan i u jednom jedinom retku. Ipak, može se završiti red i nakon toga početi pisati u novom redu, a o načinima prelaska u novi red govori ova lekcija.

Odlomak

Tekstove možemo posložiti u odlomke ili paragrafe oznakom <p>. Pritom preglednici odlomke međusobno odvajaju vertikalnim razmakom, čime čitatelju olakšava snalaženje u tekstu.

<p>Odlomak se sastoji od nekoliko gusto poslaganih redaka iza kojih slijedi vertikalni razmak prije početka sljedećeg odlomka.</p>
<p>Odlomke web preglednik najčešće poravna uz lijevi rub – tko želi obostrano poravnavanje ili centriranje odlomaka mora posegnuti za sredstvima izvan jezika HTML.</p>

primjer 09

Prema strogom standardu HTML 4.01 sav se tekst dokumenta mora nalaziti unutar elemenata kao što su, od zasad poznatih, p, h1, h2, h3 itd. To je i logično, zar ne?

Novi redak

Želimo li prijeći u novi redak bez prijeloma odlomka, na mjestu gdje želimo prekid dodat ćemo oznaku <br> (engl. break). Ta oznaka nema završni dio.

Dobro došli na CARNetov online tečaj!<br>Upoznajmo se pobliže s tečajem.

primjer 08

U novi HTML dokument dodajte obavezne elemente te napišite pjesmu. Prisjetite se, pisanje ćete započeti otvaranjem datoteke s pripremljenim HTML kôdom, osnovni_kod.htm.

Pjesma mora imati naslov, pojedini stihovi trebaju biti odvojeni prijelomom reda, a svaka kitica treba biti jedan odlomak.

Dokument spremite pod imenom pjesma.htm u istu mapu u kojoj se nalaze i vaše prethodne vježbe.

Nemojte zloupotrebljavati prijelom reda. Tekst se u pravilu dijeli na odlomke i nikakvi dodatni prijelomi redaka nisu uobičajeni (iako su bili uobičajeni u starijim verzijama nekih editora).

Ako vam je razmak između odlomaka prevelik, možemo vas utješiti da se on vrlo lako može smanjiti ili čak ukloniti jednim potezom alatom za oblikovanje teksta – CSS-om. Kako se to radi, možete naučiti odmah nakon završetka ovog tečaja.

CARNet - puni naziv i logo