Prvky v HTML | Tutoriály

#1 Jednotlivé prvky

Téměř každý HTML prvek se skládá ze začátečního tagu, nějakého obsahu a ukončujícího tagu. Jedná se například o tagy nadpisů, odstavců textu, rozdělovačů obsahu…

<p>Odstavec textu</p>

<h2>Nadpis druhé úrovně</h2>

<a href="https://piskod.cz">Odkaz na web</a>

Nepárové prvky

Některé prvky však nemají koncový tag – jedná se o nepárové prvky. Příkladem takového prvku je prvek <br>, který definuje začátek nového řádku („rozbíjí text“) nebo prvek <img>, který slouží k vložení obrázků do dokumentu.

Tip: Často se preferuje varianta, kdy se před uzavírající znak vloží lomítko (případně ještě s mezerou před lomítkem). Pochází z dříve používané striktnější verze HTML XHTML, která nedovolovala nechávat prvky otevřené, a také je kód často přehlednější a čitelnější.

<br> <!-- nebo --> <br />

<hr>

<img src="/img/obrazek.jpeg">

#2 Vnoření prvků

Prvky se však mohou také vnořovat, tedy vkládat jeden do druhého. Nejlepším příkladem toho, je samotný počáteční soubor HTML, který má začínající a ukončující prvek <html>, ve kterém jsou následně vnořené prvky <head> a <body>, do kterých se následně vnořují další a další prvky.

<html>

<head>

 <!-- Obsah hlavičky -->

</head>

<body>

 <!-- Obsah hlavičky -->

</body>

</html>

Dalším často užívaným prvkem je <div>, kterým se rozděluje dokument na jednotlivé sekce nebo oddíly.

<div>

 <h1>Nadpis</h1>

 <div>

  <p>Odstavec textu</p>

  <p>Druhý odstavec textu</p>

 </div>

</div>

#3 Citlivost na velká písmena

Klasická verze HTML nehledí na velikost písmen v prvcích. Ať už tedy napíšete <p> nebo <P>, <div> nebo <Div>, je to jedno. Obecně se však doporučuje psát malými písmeny.