Skip to content
Share
Explore
Ako napísať web
(stačí ti 6 html tagov a 5 css príkazov)
Potrebuješ navigáciu
Vkladáš ju do tela stránky <body> tak ako všetko
<nav></nav>
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
<h1 id=”info”>Info</h1>
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>
<img src=”obrazok.jpg”>
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
background: #bada55;
Budeš potrebovať zmeniť farbu textu
color: #bada55;
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:
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.