14 HTML teksti vormindamine

Teksti  vormindamiseks suuremate plokkide kaupa (terve lõik, terve pealkiri jne) kasutatakse CSS stiilielementi või stiililehte. Üksikute lause osade rõhutamiseks ja muudel erijuhtudel võib kasutada aga HTML elmente.

Oluline tekst <strong> ja paksus kirjas tekst <b>

Lisades teksti ümber elemendi <strong>, toome välja selle tekstilõigu olulisuse. Tavaliselt kuvatud paksu kirjana.

<p>tavatekst <strong>oluline tekst</strong> tavatekst jätkub</p>

Paksus kirjas tekst (bold), element <b>. Kuigi veebilehe küljastajale võib selle elemendiga ümbritsetud tekst näha välja täpselt samasugune kui <strong> elemendiga ümbritsetud tekst, siis brauseri jaoks ei ole <b> elment erinevalt <strong> elemendist mingit olulist tähtsust peale teksti paksuse.

<p>tavatekst <b>paks tekst</b> tavatekst jätkub</p>

Rõhutatud kiri <em> ja kaldirjas kiri <i>

Rõhutatud kiri (tavaliselt kaldkirjas), element <em>. Sellel viisil märgistatud tekst omab brauseris jaoks erilist tähtsust.

<p>tavatekst <em>kaldkiri</em> tavatekst jätkub</p>

Kaldkiri  tekst (italic), element <i>. Ei oma brauseri jaoks olulist tähtsust.

<p>tavatekst <i>eriline</i> tavatekst jätkub</p>

Väkisem tekst <small>

Väiksem tekst defineerimiseks kasutatakse elementi <small>.

<p>tavatekst <small>väiksem tekst</small> tavatekst jätkub</p>

Elementide kombineerimine

Neid kujunduselemente võib kasutada ka näiteks eelpool kirjeldatud pealkirjade ning loetelude puhul, tabelites, hüperlinkides ning ka kombineeritult (üksteise sees).

<h1><strong><i>Ülimalt</i> rõhutatud eriline</strong> pealkiri</h1>

Mis annab tulemuseks:

Veel elemente

Enesekontroll (3 küsimust)