Již umíme psát odstavce a nadpisy, zalamovat je a zarovnávat v nich text. Dnes si ukážeme formátování textu jako velikost a styl písma, tučnost, kurzívu apod.
V minulém díle jsme používali blokové značky pro odstavce a nadpisy. Blokové značky mají pro sebe vyhrazený celý řádek (nebo více řádků). Když dáte cokoliv před, nebo za ně, bude to na jiném řádku. Dnes si ukážeme řádkové značky. Ty nemají pro sebe vyhrazený řádek, tudíž mohou být uvnitř blokových značek a mohou obsahovat další řádkové značky:
Musíte dávat pozor, aby se značky nekřížily:
V prohlížeči se vám křížení značek většinou zobrazí správně, ale je to špatný zápis, takže si na něj nezvykejte.
Značka | Účel |
<b> | tučný text |
<i> | kurzíva |
<u> | podtržený text |
<s> | |
<sub> | textdolní index |
<sup> | texthorní index |
V této tabulce můžete vidět pár nejčastěji používáných formátovacích značek. Všechny tyto značky jsou párové (musejí obsahovat počáteční i koncovou značku). Nedoporučuji používat značku <u>, protože si ji může návštěvník vašeho webu splést s odkazem. Pro lepší pochopení těchto značek si zkuste následující HTML kód:
Existuje také značka <strong> pro tučný text a značka <em> pro kurzívu. Pokud použijete tyto značky, tak se vám v prohlížeči zobrazí úplně stejně jako klasické značky <b> a <i>. Jiné jsou v tom, že text v těchto značkách bere vyhledávač za důležitější, než okolní text.
Místo této značky se dnes doporučuje používat CSS. Vy ale ještě CSS neumíte, takže si tuto značku ukážeme. Pomocí této párové značky můžete nastavovat velikost a styl písma prostřednictvím vlastností. Pokud napíšete holou značku <font>, tak se na textu nic nezmění.
Styl písma se nastavuje vlastností face. Například písmo Comis Sans MS si nastavíte takto:
Návštěvníkovi vašeho webu se zobrazí tento text v písmu Comic Sans MS, ale to pouze v případě, že má tento styl písma v počítači. Pokud nemá, zobrazí se mu ve výchozím písmu prohlížeče.
Do vlastnosti face můžete přidat další záložní styly písma oddělené čárkou:
Pokud návštěvník nemá v počítači písmo Comic Sans MS, zobrazí se mu text v Courier New. Pokud nemá ani tento, tak se mu zobrazí ve výchozím stylu písma prohlížeče.
Velikost se nastavuje vlastností size. Můžete ji nastavit číslem od 1 do 7. Například velikost 3:
Dále můžete text zvětšit nebo zmenšit:
Nemusíte psát zvláštní značku pro styl písma a zvláštní značku pro velikost textu. Značce <font> můžete nastavit vlastnost face i vlastnost size:
Dnes jste se naučili formátovat text, příště se naučíme barvy.
Ahoj.
Nebylo by lepší nedělat seriál HTML, ale dávat nějaké programovací výtvory, například v PHP?
Podle mě je zbytečné dělat návod na HTML, neboť návodů jsou stovky a jsou mnohem podrobnější. Navíc HTML je i velmi jednoduché, jde prakticky jen o pár značek.
V PHP zas tak moc návodů není a když už, tak v angličtině. Myslím, že by to pomohlo více lidem, protože co občas koukám, tak scripty jsou špatně sestavené a zbytečně složité nebo mají snadno prolomitelnou ochranu.