HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

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:

< tagname > Obsah jde sem... < /tagname >

Příklady některých prvků HTML:

< h1 > Můj první nadpis < /h1 >
< p > Můj první odstavec. < /p >
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 .