HTML prvky
Element HTML je definován počáteční značkou, nějakým obsahem a koncovou značkou.
HTML prvky
Element HTML je vše od počáteční značky po koncovou značku:
Příklady některých prvků HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Poznámka: Některé prvky HTML nemají žádný obsah (jako prvek <br>). Tyto prvky se nazývají prázdné prvky. Prázdné prvky nemají koncovou značku!
Vnořené prvky HTML
HTML elementy mohou být vnořené (to znamená, že elementy mohou obsahovat další elementy).
Všechny dokumenty HTML se skládají z vnořených prvků HTML.
Následující příklad obsahuje čtyři prvky HTML (
, <html>
a <body>
) :<h1>
<p>
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Příklad vysvětlen
Element <html>
je kořenový element a definuje celý HTML dokument.
Má počáteční značku <html>
a koncovou značku </html>
.
Pak je uvnitř <html>
prvku <body>
prvek:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Prvek <body>
definuje tělo dokumentu.
Má počáteční značku <body>
a koncovou značku </body>
.
Pak jsou uvnitř <body>
prvku dva další prvky:
<h1>
a
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Prvek <h1>
definuje nadpis.
Má počáteční značku <h1>
a koncovou značku </h1>
:
<h1>My First Heading</h1>
Prvek <p>
definuje odstavec.
Má počáteční značku <p>
a koncovou značku </p>
:
<p>My first paragraph.</p>
Nikdy nevynechávejte koncovou značku
Některé prvky HTML se zobrazí správně, i když zapomenete koncovou značku:
Příklad
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Na to však nikdy nespoléhejte! Pokud koncovou značku zapomenete, může dojít k neočekávaným výsledkům a chybám!
Prázdné prvky HTML
Prvky HTML bez obsahu se nazývají prázdné prvky.
Značka <br>
definuje konec řádku a je prázdným prvkem bez uzavírací značky:
Příklad
<p>This is a <br> paragraph with a line break.</p>
HTML nerozlišuje velká a malá písmena
HTML tagy nerozlišují velká a malá písmena: <P>
znamená totéž jako <p>
.
Standard HTML nevyžaduje malé značky, ale W3C doporučuje malá písmena v HTML a vyžaduje malá písmena pro přísnější typy dokumentů, jako je XHTML.
Ve W3Schools vždy používáme názvy značek s malými písmeny.
Odkaz na značku HTML
Odkaz na značku W3Schools obsahuje další informace o těchto značkách a jejich atributech.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .