Nadpisy

V minulé lekci jsme se naučili, jak vytvořit kostru HTML, kterou budeme potřebovat v každém HTML dokumentu. V této lekci se podíváme na různé HTML prvky, které nám pomohou tvořit obsah webových stránek. Protože tvoří viditelný obsah stránky, budeme je psát do prvku body.

V editoru najdete kostru stránky z minulé lekce. Tentokrát budeme tvořit stránku o kočce domácí: v prvku head už je prvek meta s kódováním znaků a prvek title s titulkem Kočka domácí.

V tomto cvičení začneme vytvářet nadpisy. Prvek h1 už znáte z minulé lekce, nadpisy v HTML ale mají šest úrovní, od h1 po h6 (h je z anglického heading, tedy nadpis, a číslo udává úroveň):

<h1>Nadpis 1. úrovně</h1>
<h2>Nadpis 2. úrovně</h2>
<h3>Nadpis 3. úrovně</h3>
<h4>Nadpis 4. úrovně</h4>
<h5>Nadpis 5. úrovně</h5>
<h6>Nadpis 6. úrovně</h6>

h1 je hlavní nadpis stránky. Říká, o čem celá stránka je, a proto bývá na stránce obvykle jen jeden. Nadpisy h2 dělí stránku na jednotlivé části, nadpisy h3 dělí tyto části na menší celky a tak dále až po h6.

Prohlížeč zobrazí h1 největším písmem a každou další úroveň o něco menším. Úroveň nadpisu ale vybírejte podle důležitosti, ne podle velikosti. Pokud chcete mít nadpis větší nebo menší, můžete jeho velikost změnit pomocí CSS.