Ú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.