Predmetová komisia ELT a INF

Učebnica HTML - Elementy

HTML - Elementy

« Predchádzajúca Ďalšia kapitola »

HTML dokument býva definovaný v prvkoch - elementoch.
HTML element je všetko - od začiatku tagu až po koniec tagu.

Start tag * Element content End tag *
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />    

* Počiatočná značka je často nazývaná otváracím tagu. Značka na konci je často nazývaná uzatvárací tag.

HTML Syntax Elementov

  • Element HTML začína počiatočným tagom / otváracím tagom
  • Element HTML končí koncovým tagom / uzatváracím tagom
  • Prvok obsah je všetko, čo medzi začiatkom a koncom tagu
  • Niektoré HTML elementy majú prázdny obsah
  • Prázdne elementy sú uzavreté v počiatočnom tagu
  • Väčšina HTML elementov môže mať atribúty

Tip: Viac o atribútoch sa dozviete v nasledujúcej kapitole tejto učebnice.

Vnorené prvky HTML

Väčšina HTML elementov môže byť vnorená (môže obsahovať ďalšie HTML elementy).

HTML dokumenty sa skladajú z vnorených prvkov HTML.

HTML Dokument - Príklad

<html>

<body>
<p>Toto je môj prvý odstavec.</p>
</body>

</html>

Vyššie uvedený príklad obsahuje 3 elementy (prvky) HTML. 

HTML Príklady na vysvetlenie

Element <p>

<p>Toto je môj prvý odstavec</p>

Element <p> - prvok definuje odstavec v dokumente HTML.
Prvok má <p> počiatočnú značku a ukončovacie značku </ p>.
Prvok má obsah: Toto je môj prvý odstavec.

Element <body>

<body>
<p>Toto je môj prvý odstavec.</p>
</body>

Element <body> Prvok definuje telo HTML dokumentu.
Prvok má počiatočnú značku <body> a ukončovaciu značku </ body>.
Prvok obsah je ďalším prvkom HTML (a p elementu).

Element <html>

<html>

<body>
<p>Toto je môj prvý odstavec.</p>
</body>

</html>

Element <html> Prvok definuje celý HTML dokument.
Prvok má počiatočnú značku <html> a ukončovaciu značku </ html>.
Obsah prvkov je ďalším prvkom HTML (body element).

Nezabudnite na koncový tag

Niektoré prvky HTML sa môžu zobrazovať správne aj v prípade, že zabudnete na koncový tag:

<p>Toto je odstavec
<p>Toto je odstavec

Vyššie uvedený príklad funguje vo väčšine prehliadačov, pretože uzatváracie značky sú považované za nepovinné. Nikdy sa však na to nespoliehajte. Mnoho prvkov HTML bude "vyrábať" neočakávané chyby keď zabudnete na koncový tag.

HTML - Prázdne prvky

HTML prvky bez obsahu, sa nazývajú prázdne prvky. <br> je prázdny element bez koncového tagu ( tag definuje koniec riadka).
Tip: V XHTML musí byť všetky prvky uzavreté. Pridanie lomítka do vnútra tagu je správny spôsob uzatvárania prázdnych elementov v XHTML (a XML).

HTML Tip: Používajte malé písmená na písanie tagov

V HTML tagoch malé a veľké písmená znamenajú to isté - sú rovnocenné. World Wide Web Consortium (W3C) odporúča malé písmená v HTML 4 a taktiež v XHTML.

« Predchádzajúca Ďalšia kapitola »