A HTML (HyperText Markup Language) hat speciális címkét biztosít a különböző szintű címsorok megjelenítésére. Mindegyikük rendelkezik alapértelmezett paraméterekkel (a betűtípus mérete és stílusa, az előző és a következő elem behúzásainak száma stb.). Ezek az opciók felülbírálhatók a CSS utasítások (Cascading Style Sheets) segítségével, és így megváltoztathatják a címsorok megjelenését egy weboldal szövegében.
Utasítás
1. lépés
Helyezzen különböző szintű fejléceket a megfelelő nyitó és záró címkék közé, ha ezt még nem tették meg a weboldal forráskódjában. Például a legfontosabb fejlécnek (első szint) a címkék között kell lennie
és
:
Első szintű fejléc
A következő legfontosabb szintű alcímet a címkék közé kell tenni
és
stb. A tervezett szintek közül az utolsó a hatodik -
és
2. lépés
Helyezzen a forráskód fejlécébe (a és a tagek közé) egy nyilatkozatot, amely elmondja a látogató böngészőjének, hogy a CSS-ben található stílusok leírása található ezen a helyen:
/ * A CSS utasításai itt lesznek * /
3. lépés
A kezdő és záró stíluscímkék közé adjon stílusleírásokat minden olyan szint fejlécéhez, amelynek megjelenését módosítani szeretné. Például, ha csak az első szintű fejlécek megjelenését kell megváltoztatnia, akkor ez a kód így nézhet ki:
h1 {
piros szín;
betűméret: 20px;
betűtípus: dőlt;
betű súlya: félkövér;
margin-top: 30px;
margin-bottom: 20px;
}
Itt a h1 azt jelzi, hogy a göndör zárójeles leírás a h1 címkére utal, és "szelektornak" hívják. A színparaméter állítja be a szöveg színét, a betűméret paraméter a betűméret, a betűstílus dőlt értékkel a dőlt betűtípus, a betűsúly a félkövér értékkel félkövér, a felső-felső a felső margin, és margin-bottom az alsó margó. Második szintű címsorokhoz adjon hozzá hasonló mondatot h2 választóval stb.
4. lépés
Használja a rövidítés szintaxisát, ha sok szint leírható. Például a betűkészlet leírása elhelyezhető egy paraméterben, valamint a behúzás méretének leírása. Minta:
h1 {
piros szín;
betűtípus: félkövér 20px arial;
margó: 30px020px0;
}
h2 {
szín: narancssárga;
betűtípus: félkövér 18px arial;
margó: 25px 0 15px 0;
}
A margó paraméterben a margókat az óramutató járásával megegyező irányban kell megadni, a felső margótól kezdve, egy szóközön keresztül (jobb felső lent, balra).
