A dokumentum szövegét fel szoktuk osztani szakaszokra, amelyek önálló címmel láthatók el. A szakaszok hierarchikusan is egymásba ágyazhatók, amely esetben különböző rangó címeket kell megadni. Általában hat szintnél többre egyetlen dokumentumban sincs szükség – vagy csak nagyon extrém esetekben –, ráadásul egy weboldalon nem szokás hosszú szöveget elhelyezni, így a hierarchikus elrendezést segítheti, ha többszintű tartalomjegyzéken keresztül a magasabb szinteket külon oldalakban helyezzük el, ahogyan ez a tankönyv struktúráján is látszik.
Éppen ezért a HTML nyelv által felkínált hat szintű címsor megadása elég szokott lenni. A hat különböző szintű címsor megadására csökkenő ranggal a H1, H2, H3, H4, H5, H6 elemek szolgálnak. Ezek blokk-szintű elemek, így a szomszédos bekezdésektől való távolságuk, igazításuk, hátterük a bekezdéseknél leírtak szerint állíthatók. Ezenfelül a betűformázási lehetőségekkel élve szintén kiemelhetők a szövegből, ahogy az az alapértelmezett beállításaikkal meg is történik:
Amennyiben szertnénk például a legmagasabb három szinten a címeket középre igazítva látni, akkor azt a következő szabállyal tehetjük meg:
Ha szeretnénk a negyedik szintű címeket kék betűvel látni, akkor arra a következő szabály alkalmas:
A címek alaphelyzetben nincsenek sorszámozva, azonban a
counter-reset és a
counter-increment
tulajdonságok segítségével megszámozhatók, majd a
:before pseudo-elem és annak
content tulajdonsága
segítségével megjeleníthetők.
Az alábbi – a CSS-szabványból változatlanul átvett – példa mutatja, hogy az angol szokásoknak megfelelő számozást hogyan lehet beállítani, ennek mintájára a magyar beállítás az alatta levő példán látható:
Ahogy az idézeteknél már említettük, a Mozilla a belső idézeteket alapból nem hajlandó a megfelelő idézőjellel ellátni. Amennyiben a fenti példát a Mozillával nézzük meg, akkor már sejthető ennek az oka: a Mozilla nem vesz tudomást a számlálókról, így a sorszámozott címek megjelenítésére sem képes. Remélhetőleg egy későbbi változata majd képes lesz ezekre is, és akkor a fentebb leírtak ténylegesen is alkalmazhatóvá válnak.
Lehetőség van arra is, hogy a cím ne kerüljön külön sorba, hanem a bekezdés
első sorába kerüljön bele – feltéve, hogy elfér oda. Ehhez a címsor
megjelenési módját kell run-in típusúra állítani a
display tulajdonság
segítségével. Ennek hatása a következő forráskódon mérhető le:
Egy ilyen szabály után a következő HTML kód az alatta látható kinézetet eredményezi:
A bekezdés szövege rögtön a cím után következik.