Úvod, struktura a tagy HTML
Jazyk HTML
HTML (HyperText Markup Language) je jazyk, který slouží k tvorbě webových stránek.
Nejde o programovací jazyk! HTML neumí počítat, nemá podmínky, cykly ani logiku. HTML pouze popisuje obsah stránky pomocí značek (tzv. tagů).
Webová stránka napsaná v HTML říká prohlížeči:
Toto je nadpis.
Toto je odstavec.
Tady je obrázek.
Tady je tabulka nebo seznam.
Tag vs. element
Tag je textová značka, kterou HTML používá k označení prvků. Vždy se píše v ostrých závorkách <>.
Element je celá část kódu, která obsahuje tag + obsah + koncový tag (pokud je párový).
Zdroj obrázku: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax
Struktura
Každá stránka v HTML musí mít správnou strukturu, aby ji prohlížeč správně zobrazil.
Pomocí <!DOCTYPE html> definujeme, že soubor je HTML dokument.
Hlavička <head> a tělo <body>
Hlavička – obsahuje informace pro prohlížeč a vyhledávače. Vkládáme zde i odkazy na skripty a styly.
Tělo – samotný obsah webové stránky.
Párové tagy
Párové tagy znamenají, že obsah je vložen mezi začátek a konec (např. <body> a </body> nebo <p> Odstavec </p>).
Nepárové tagy
Nemají dvě části (konec), ale píší se pouze jednou.
<img src="obrazek.jpg" alt="obrázek">
Zdroj obrázku: https://www.oxfordwebstudio.com/en/did-you-know/what-is-tag
Atributy
Tagy mohou mít doplňující informace v podobě atributů.
<img src="obrazek.jpg" alt="obrázek">
Kód index.html
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>MěSOŠ</title>
</head>
<body>Vítej na stránce MěSOŠ</body>
</html>
Výsledek
Zdroje
Seznam zdrojů
Mgr. Silvie Bečvářová – Stránka s podklady pro studenty MěSOŠ Klobouky u Brna. Online. Dostupné z: http://becvarova.com/mesos/
ITNETWORK S.R.O. Itnetwork. Online. Dostupné z: https://www.itnetwork.cz/
W3 SCHOOLS. HTML tutorial. Online. Dostupné z: https://www.w3schools.com/html
PÍSEK, Slavoj. HTML: začínáme programovat, 4., aktualizované vydání. Grada, 2014. ISBN 978-80-247-8957-6. Dostupné také z: https://www.bookport.cz/kniha/html-2357/.