Struktura a navigace

Stránka má všechno, co návštěvník potřebuje, a na její konec jsme přidali adresu útulku. Její kód ale neříká, co je která část stránky, a na telefonu musí návštěvník k návštěvním hodinám projet kolem všech koček. Napravme obojí.

Nejdřív dejte stránce strukturu, stejně jako jste to udělali se stránkou o kočce v lekci o pokročilých HTML prvcích. Nadpis a úvod tvoří záhlaví stránky. Hlavní obsah má dvě sekce, Naše kočky a Návštěvní hodiny, každou se vším, co k ní patří, a adresa patří do zápatí.

Potom nahoru na stránku přidejte navigaci se dvěma odkazy, které návštěvníka přenesou rovnou k sekcím. Až budete hotovi, odkazy vyzkoušejte v náhledu.

A to je celá stránka. Stránka útulku teď má obrázky, které se otevřou v plné velikosti, tabulku návštěvních hodin a navigaci, a prohlížeče, předčítače obrazovky i vyhledávače poznají, co je která její část. V příští lekci se naučíte vytvářet formuláře, takže by stránka útulku mohla dostat i jeden pro zájemce o adopci kočky.