Pátý díl o HTML – Styly písma

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
„Líbil se Vám tento článek? Sdílejte ho prosím na sociálních sítích, ať se o něm dozvědí i Vaši kamarádi. Děkuji!“
Share on FacebookShare on Google+Tweet about this on TwitterShare on TumblrEmail this to someone