HTML (HyperText Markup Language) poskytuje šesť špeciálnych značiek na zobrazenie nadpisov rôznych úrovní. Všetky majú predvolené parametre (veľkosť a štýl písma, veľkosť odsadenia od predchádzajúceho a nasledujúceho prvku atď.). Tieto možnosti možno prepísať pomocou pokynov CSS (kaskádové štýly) a zmeniť tak vzhľad nadpisov v texte webovej stránky.
Inštrukcie
Krok 1
Medzi zodpovedajúce otváracie a zatváracie značky umiestnite nadpisy rôznych úrovní, ak to tak ešte nie je v zdrojovom kóde webovej stránky. Napríklad najdôležitejší nadpis (prvá úroveň) by mal byť medzi značkami
a
:
Nadpis prvej úrovne
Ďalšia najdôležitejšia podpoložka úrovne by mala byť umiestnená medzi značky
a
atď. Posledná z predpokladaných úrovní je šiesta -
a
Krok 2
Do hlavičkovej časti zdrojového kódu (medzi značky a) vložte vyhlásenie, ktoré informuje prehliadač návštevníka, že na tomto mieste je popis štýlov v CSS:
/ * Pokyny CSS budú tu * /
Krok 3
Medzi úvodné a záverečné značky štýlov pridajte popisy štýlov pre nadpisy každej úrovne, ktorej vzhľad chcete zmeniť. Ak napríklad potrebujete zmeniť iba vzhľad nadpisov prvej úrovne, potom by tento kód mohol vyzerať takto:
h1 {
farba: červená;
veľkosť písma: 20px;
štýl písma: kurzíva;
váha písma: tučné;
horný okraj: 30px;
spodný okraj: 20px;
}
Tu h1 označuje, že popis v zložených zátvorkách odkazuje na značku h1 a nazýva sa „selektor“. Parameter color nastavuje farbu textu, parameter size-size je veľkosť písma, štýl písma s hodnotou kurzívy je písmo kurzívy, váha písma s hodnotou tučného písma je tučne, margin-top je horná časť margin, a margin-bottom je spodný okraj. Pre nadpisy druhej úrovne pridajte podobný blok s voličom h2 atď.
Krok 4
Ak existuje veľa úrovní na opísanie, použite skratkovú syntax. Napríklad do jedného parametra je možné vložiť popisy písma, ako aj popisy veľkostí odsadenia. Vzorka:
h1 {
farba: červená;
písmo: tučné 20px arial;
okraj: 30px 0 20px 0;
}
h2 {
farba: oranžová;
písmo: tučné 18px arial;
okraj: 25px 0 15px 0;
}
V parametri margin musia byť okraje určené v smere hodinových ručičiek, počnúc od horného okraja, cez medzeru (vpravo hore dole vľavo).
