Základy stránky
Telo HTML dokumentu
Telo HTML dokumentu sa zapisuje do kontajnerových elementov <body> </body>. V tele je všetko čo má byť určené pre návštevníkov stránky. V tele sa môžu nachádzať texty, obrázky, formuláre, multimédia a mnoho ďalších vecí. Telo zapisujeme hneď po skončení hlavičky. Elementy ktoré vkladáme do tela nájdete v ďalšej sekcii vzhľad stránky. K dôležitým veciam k tvoreniu stránky sú komentáre.Komentáre
Umožňujú vytvoriť komentár v zdrojovom texte stránky. Komentár je pre začiatočníkov veľmi dôležitý. Text ktorý chceme aby sa stal komentárom uzavrieme do <!-- tagu začiatočného a tagu --> koncového. Text ktorý je v tomto tagu prehliadač ignoruje. Do komentára si zapisuje rôzne veci na ktoré by sme mohli zabudnúť ako napríklad nastavenia.<!-- Zaciatok mojej stránky YcoN -- >
Element <br />
Element <br />(break, zalomenie) funguje tak, že povie prehliadaču aby pokračoval na novom riadku, skoro ako enter vo Worde. Keď element <br /> napíšete za text tak všetko čo bude nasledovať za element <br /> bude v novom riadku.Pozor neznamená, že keď dáte text do nového riadku, že ho aj prehliadač dá do nového riadku.
Máme text takto zapísaný v zdrojovom kóde:
Vitajte
na Mojej stránke.
Tento text prehliadač zobrazí takto:
Vitajte na Mojej stránke.
Keď ale potrebujeme časť tohto textu dať do nového riadku pridáme tam jednoducho element <br />.
Vitajte <br /> na Mojej stránke.
Výsledok je takýto:
Vitajte
na Mojej stránke.
Keby sme potrebovali vynechať jeden riadok jednoducho tam vložíme znova element <br />.
Vitajte<br />
<br />
na Mojej stránke.
Vodorovné čiary
Element <hr /> nám nakreslí vodorovnú čiaru cez celé okno prehliadača. Ak sa zmení veľkosť okna, taktiež sa automaticky zmení veľkosť vodorovnej čiary.Element <hr /> („hr“ je skratkou pre „horizontal rule“ – vodorovná čiara) je prázdny element ktorý nepotrebuje uzavierací tag. Takisto tento element vloží volný riadok pred a za čiaru.
Do elementu <hr /> môžeme vkladať rôzne atribúty ako napríklad šírku, hrúbku, zarovnanie a vykreslenie.
- size – nastavuje hrúbku čiary v pixeloch (size="3")
- width – nastavuje šírku čiary v pixeloch alebo percentách (width="15%")
- align– nastavuje zarovnanie čiary: left, center a right (align="center")
- noshade – nezobrazuje tieň pod čiarou, je to prázdny atribút čiže noshade="noshade"
<hr size="2" width="200" align="center" noshade="noshade" />
Výsledok:
