Dnes se podíváme na styl písma v HTML. V podstatě se dá říci, že potřebujeme od sebe odlišit dvě základní skupiny stylů písem, logické a fyzické. Styly písem vznikly z důvodu, že na stránce je občas potřeba nějaký ten text odlišit od zbytku, může to být tedy zdrojový kód, citace a nebo tučné či podtržené písmo.
Logické styly
Všechny tagy logických stylů jsou párové, obsahují tedy počáteční a koncový tag a vše, co je uvnitř, tak je tímto tagem nějakým způsobem odlišeno od zbytku stránky.
| Tag | Význam tagu |
| <code></code> | Označuje obsah zdrojového kódu |
| <samp></samp> | Označuje výstup z nějakého scriptu |
| <em></em> | Obsah tohoto tagu chceme zvýraznit |
| <strong></strong> | Obsah tohoto tagu chceme zvýraznit více, než v případě <em></em>, tento tag je také velmi často používaný místo normálního tučného písma |
| <cite></cite> | Slouží pro citace |
| <var></var> | Tímto se označuje proměnná v textu |
| <abbr></abbr> | Obsah tohoto tagu je zkratka jako třeba www, atd… |
| <acronym></acronym> | Označuje acronym |
Fyzické styly
Všechny tagy fyzických stylů jsou párové, tedy stejně jako logické obsahují počáteční a koncový tag a vše co je uvnitř je formátováno.
| Tag | Význam tagu |
| <b></b> | Obsah tohoto tagu je psán tučným textem |
| <i></i> | Obsah tohoto tagu je psán kurzívou |
| <u></u> | Obsah tohoto tagu je podtržený, nicméně není vhodné toto používat, mnoho uživatelů je zvyklých, že odkazy jsou podtržené |
| <strike></strike> | Obsah tohoto tagu je přeškrtnutý |
| <tt></tt> | Obsah tohoto tagu vypadá, jako písmo z psacího stroje |
| <big></big> | Obsah tohoto tagu je velkým písmem |
| <small></small> | Obsah tohoto tagu je malým písmem |
