Rychlá příručka - HTML - Fonty a text

Tagy <b>, <i> a <u> - základní úpravy textu

Tagy <b>, <i> a <u> jsou základními tagy pro úpravu nějakého textu. Všechny tyto tři tagy jsou párové a nemají žádné základní parametry. Tag <b> vychází z anglického slova bold, což znamená tučné, podívejte se. Mezi tagy <b> </b> tedy bude text, který budeme chtít od ostatního textu nějak málo zvýraznit. Tag <i> zase vychází z anglického slova italic, což znamená kurzívní, podívejte se. Mezi tagy <i> </i> tedy bude text, který bude psaný kurzívou, tedy trochu naklopeným písmem, které se používá např. u citací. Poslední z této trojice tagů, které slouží pro nejzákladnější úpravu textu, je tag <u>. Ten vychází z anglického slova underline, což znamená podtržení, podívejte se. Mezi tagy <u> </u> tedy bude text, který budeme chtít podtrhnout. V základním HTML se také podtrhne odkaz, i když text není mezi tagy <u> </u>, to se může ale zrušit pomocí kaskádových stylů. Ti pokročilejší si již určitě všimli, že pokud chtějí text zvýraznit např. v Microsoft Office Word, použijí ikonku s tučným B, pokud vytvořit kurzívní text, kliknou na kurzívní I, a pokud podtrhnout, kliknou na podtržené písmeno U, tím jsou tyto tagy velmi lehké na zapamatování a jsou to jedny z nejjednodušších tagů v celém HTML kódu.

Tagy <h1>, <h2>, <h3>, <h4>, <h5> a <h6> - nadpisy

Tagy <h1>, <h2>, <h3>, <h4>, <h5> a <h6> se používají pro nadpisy na webové stránce. Všech těchto 6 tagů je párových a mají jeden základní parametr. Tag <h1> vytváří největší nadpis, tag <h6> zase nadpis nejmenší. Vždy, když použijete nějaký z těchto šesti tagů, se vám text zalomí na nový řádek, a vždy, když tag ukončíte, zalomí se opět, text těchto nadpisů je tedy vždy na samostatném řádku. Ty největší nadpisy mají kromě většího písma také písmo tučné, které lze poté zrušit pomocí kaskádových stylů, o tom se dočtete zde. Každý z těchto tagů pro nadpis má také nastaveno určité odsazení nahoře i dole, to lze opět zrušit kaskádovými styly. Jediným základním parametrem pro tyto tagy je parametr align, anglicky znamená toto slovo zarovnání, podívejte se. Align tedy slouží pro zarovnání nadpisu, v uvozovkách za rovná se bude buď left (text se zarovná doleva, to je ale výchozí možnost, kterou za normálních podmínek zadávat nemusíme), center (text se zarovná doprostřed) nebo right (text se zarovná napravo).

Další tagy pro úpravu textu - <strike>, <sub>, <sup> a <font>

Základní tagy pro úpravu textu jsou tedy <b>, <i>, <u> a nadpisy od <h1> (největší) po <h6> (nejmenší). Dalším tagem, který umí upravovat nějakým způsobem text, je tag <strike>. Tento tag je již méně podstatný, protože způsobuje, že text, který je mezi začátkem a koncem tohoto tagu (tento tag je tedy párový), je škrtnutý vodorovnou jednou čarou. Tag nemá žádné podstatné parametry. Další nepodstatné tagy jsou <sub> a <sup>. Oba dva tyto tagy jsou párové a nemají žádné podstatné parametry. Tag <sub> vytváří dolní index textu, tag <sup> zase horní index textu. Tyto dva tagy se tady hlavně používají v různých oborech s čísly a na normálních webech je nenajdete. Posledním tagem, o kterém se zde můžete dočíst, je tag <font>. Ten bez parametrů nedělá vůbec nic a je párový. Prvním parametrem, který může mít, je parametr color. Tento parametr má v uvozovkách anglicky napsanou barvu, a tedy mění barvu textu, který se nachází mezi tagem <font> a jeho ukončením </font>. Dalším parametrem, který může tento tag mít, je parametr size, ten upravuje velikost textu. V jeho uvozovkách za znaménkem rovná se tedy bude číslo, které bude vyjadřovat velikost textu, který se nachází v tagu.

© 2013 Petr Lhotský - petrlhotsky@windowslive.com