HTML címsorok (h1, h2, h3, h4, h5, h6)

Ebből az anyagból megtanulhatod, hogy mire használjuk és, hogy hogyan kell használni a HTML címsorokat.

Mi az a HTML? A HTML bemutatása című cikk és a HTML szerkesztő programok nyitóképe

HTML címsorok (h1, h2, h3, h4, h5, h6)

A HTML címsorokról nem nehéz kitalálni, hogy mire is valók. Értelemszerűen arra használjuk őket, hogy egyes sorokat kiemeljünk a többitől, amolyan cím jelleggel.

HTML címsorok

A HTML címsorok (angolul Headings) 1-től 6-ig terjednek. A h1 a legnagyobb méretű szöveg, míg a h6 a legkisebb méretű.

Szintaktika

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Code language: HTML, XML (xml)

Példa

HTML kód

<h1>Címsor 1</h1>
<h2>Címsor 2</h2>
<h3>Címsor 3</h3>
<h4>Címsor 4</h4>
<h5>Címsor 5</h5>
<h6>Címsor 6</h6>
Code language: HTML, XML (xml)

Eredmény

Címsor 1

Címsor 2

Címsor 3

Címsor 4

Címsor 5
Címsor 6

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

Tudnivalók a HTML címsorokról

A BODY-n belül használjuk.

A böngészők automatikusan adnak egy kis „távolságot” a címsorok elé és mögé (azaz fölé és alá), hogy a szöveg közül jobban kiemelkedjen.

A címsorok rendkívül fontosak a keresőmotorok számára. Ezt (is) használják a tartalom beazonosítására. A h1-et veszi a legfontosabbnak a böngésző, általában levonható az a következtetés, hogy a h1-ben lévő szöveg az egész cikk egységére vonatkozik. Míg a h2-t a téma felbontására kell használni. A h3 egy részegység részegysége. És így tovább.
Elméletben. Gyakorlatilag nem nagyon lesz gond belőle, ha egy cikken belül több h1-et használsz, maximum a Google és az egyéb keresőmotorok fognak nehezebben kiigazodni a tartalmadon.

A HTML címsorok formázhatók

Nyugodtan formázhatjuk a HTML címsorokat, adhatunk nekik színt, vagy megváltoztathatjuk a méretüket.

HTML kód

<h1 style="font-size:100px; color:red;">Nagy és piros címsor.</h1>
Code language: HTML, XML (xml)

Eredmény

Nagy és piros címsor.

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!