(stačí ti 6 html tagov a 5 css príkazov)
Potrebuješ navigáciu
Vkladáš ju do tela stránky <body> tak ako všetko
Do navigácie zabalíš odkazy
do href budeš vkladať id
<nav>
<a href=”#info”>Info</a>
<a href=”#kontakt”>Kontakt</a>
<a href=”#ponuka”>Ponuka</a>
</nav>
# znamená že odkazuješ na id-čka
Ja som svoje prvé id nazvala info lebo odkazuje na informácie na stránke druhé id kontakt lebo odkazuje na kontakt
Pomenuj svoje id-čka logicky podľa toko na čo budú odkazovať +žiadna diakritika medzery a veľké písmená
id-čka pridáš do tých elementov stránky kam chceš odkazovať
napríklad do nadpisu
alebo do sekcie
<section id=”info”>Info</section>
Výsledok
Keď klikneš na položku navigácie stránka zoscrolluje nižšie na objekt ktorý je označený id-čkom
Budeš potrebovať vložiť obrázok <img>
A teraz vzhľad stránky
Potrebuješ pripojiť .css súbor do hlavičky stránky
<link rel="stylesheet" href="styles.css">
Chceme aby stránka bola až po okraj okna prehliadača musíme vynulovať margin a padding.
body,
html {
margin: 0;
padding: 0;
}
Budeš potrebovať zmeniť pozadie
Budeš potrebovať zmeniť farbu textu
Budeš potrebovať zmeniť písmo
font-family: "Arial Black", "sans-serif";
Budeš potrebovať aby sa odkaz nejak zmenil po prejdení myšou “:hover”
a:hover {
background:#fff;
}
HTML tagy
Kde si vyskúšať farebnú schému pre svoj web?
Odkial brať farebné odtiene na svoju stránku?
Gradienty tu:
Pozrieť ako vyzerajú fonty tu: