HTML (HyperText Markup Language) poskytuje šest speciálních značek pro zobrazení nadpisů různých úrovní. Všechny mají výchozí parametry (velikost a styl písma, množství odsazení od předchozího a dalšího prvku atd.). Tyto možnosti lze přepsat pomocí pokynů CSS (Cascading Style Sheets) a tak změnit vzhled nadpisů v textu webové stránky.
Instrukce
Krok 1
Umístěte záhlaví různých úrovní mezi odpovídající otevírací a zavírací značky, pokud tak již není provedeno ve zdrojovém kódu webové stránky. Například nejdůležitější nadpis (první úroveň) by měl být mezi značkami
a
:
Nadpis první úrovně
Další nejdůležitější podnadpis úrovně by měl být umístěn mezi značky
a
atd. Poslední z předpokládaných úrovní je šestá -
a
Krok 2
Do záhlaví zdrojového kódu (mezi značky a) vložte prohlášení, které informuje prohlížeč návštěvníka, že na tomto místě je popis stylů v CSS:
/ * Pokyny CSS budou zde * /
Krok 3
Mezi úvodní a závěrečnou značku stylu přidejte popis stylu pro nadpisy každé úrovně, u které chcete změnit vzhled. Například pokud potřebujete pouze změnit vzhled nadpisů první úrovně, může tento kód vypadat takto:
h1 {
červená barva;
velikost písma: 20px;
styl písma: kurzíva;
váha písma: tučné;
horní okraj: 30px;
spodní okraj: 20px;
}
Zde h1 označuje, že popis ve složených závorkách odkazuje na značku h1 a nazývá se „selektor“. Parametr barva nastavuje barvu textu, parametr velikosti písma je velikost písma, styl písma s hodnotou kurzívy je kurzíva, váha písma s hodnotou tučně je tučně, okraj nahoře je nahoře margin, a margin-bottom is the bottom margin. U nadpisů druhé úrovně přidejte podobný blok s voličem h2 atd.
Krok 4
Pokud existuje mnoho úrovní k popisu, použijte zkratkovou syntaxi. Do jednoho parametru lze například umístit popisy písma a také popisy velikostí odsazení. Vzorek:
h1 {
červená barva;
písmo: tučné 20px arial;
okraj: 30px 0 20px 0;
}
h2 {
oranžová barva;
písmo: tučné 18px arial;
okraj: 25px 0 15px 0;
}
V parametru margin musí být okraje specifikovány ve směru hodinových ručiček, počínaje od horního okraje, přes mezeru (vpravo nahoře dole vlevo).
