Úvod do HTML
HTML je standardní značkovací jazyk pro vytváření webových stránek.
Co je HTML?
- HTML je zkratka pro Hyper Text Markup Language
- HTML je standardní značkovací jazyk pro vytváření webových stránek
- HTML popisuje strukturu webové stránky
- HTML se skládá z řady prvků
- Prvky HTML říkají prohlížeči, jak má obsah zobrazit
- Prvky HTML označují části obsahu, jako je „toto je nadpis“, „toto je odstavec“, „toto je odkaz“ atd.
Jednoduchý HTML dokument
Příklad
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Příklad vysvětlen
- Prohlášení
<!DOCTYPE html>definuje, že tento dokument je dokument HTML5 - Prvek
<html>je kořenový prvek stránky HTML - Prvek
<head>obsahuje meta informace o stránce HTML - Prvek
<title>určuje název stránky HTML (který je zobrazen v záhlaví prohlížeče nebo na kartě stránky) - Prvek
<body>definuje tělo dokumentu a je kontejnerem pro veškerý viditelný obsah, jako jsou nadpisy, odstavce, obrázky, hypertextové odkazy, tabulky, seznamy atd. - Prvek
<h1>definuje velký nadpis - Prvek
<p>definuje odstavec
Co je to prvek HTML?
Element HTML je definován počáteční značkou, nějakým obsahem a koncovou značkou:
Element HTML je vše od počáteční značky po koncovou značku:
| 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!
Internetové prohlížeče
Účelem webového prohlížeče (Chrome, Edge, Firefox, Safari) je číst HTML dokumenty a správně je zobrazovat.
Prohlížeč nezobrazuje značky HTML, ale používá je k určení způsobu zobrazení dokumentu:
Struktura stránky HTML
Níže je vizualizace struktury stránky HTML:
Poznámka: Obsah v sekci <body> (bílá oblast nahoře) se zobrazí v prohlížeči. Obsah prvku <title> se zobrazí v záhlaví prohlížeče nebo na kartě stránky.
Historie HTML
Od počátků World Wide Webu existuje mnoho verzí HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Tento návod se řídí nejnovějším standardem HTML5.