Význam a základní pojmy
Hypertextový značkovací jazyk. Webový klient interpretuje grafické rozhraní převodem z HTML tagu (<div></div>). Syntaxe vychází z XML jazyka (Hierarchická databáze objektu = jednotlivé prvky = objekty). HTML se používá k popisu zdrojového kódu webové stránky, zde může být více než jen HTML např. JS. Nelze zde najít SGI skripty zpracovávané serverem.
Specifikace souboru je text/html (MIME), příponu může mít .html nebo .htm.
Struktura souboru před značkou <html> se nachází Doctype – u starších verzí HTML. Nachází se zde informace o režimu grafické interpretace tagů. Rozlišujeme dva základní módy guirk/transitional.
(guirk – standardní prohlížeč méně toleruje chyby v kódu a přechodný je režim kompatibility)
V <html> najdeme <head> – zde se uvádí doprovodné informace dokumentu, připojení externích souborů apod. dále <body> – zde jsou všechny zobrazitelné prvky.
Validace a vývoj HTML má na starosti instituce W3C pomocí tohoto institutu lze zjistit, jak správný zápis máme, vypíše nám potenciálně problematická místa nekompatibility. U tvůrců webu se jedná o pomyslný certifikát kvality.
Prvky a atributy
Uvést příklad prvku (objekt, element) a atributu např. img – <img src=“obrazek.png“> a co je z toho hodnota atributu, existují párové a nepárové značky.
Rozepsat typy
Textové: <p>Odstavec</p><span>Řádkový text</span>
Odkazy: <a href=“něco.php“>Odkaz</a>, Kotvy, linky na externí soubory
Seznamy: <ul>odrážkový seznam</ul> <ol>
Tabulky: <table><tr><td></td></tr></table>
Blokové elementy: <div></div><span></span><img>
Rámy: <iframe>nebo<frameset>
Fyzické formátování: <b><i><u><s><sub>,<sup>
Formuláře a vstupní prvky: <input>, <form>, <textarea>
Zalamování a oddělování: <br>, <hr>
Mimo objekty řadíme tzv. HTML entity – zkratky pro různé symboly – např. nedělitelná mezera
Vývoj značkovacího jazyka
Rok 1990 – Tim Berners Lee – otec webu – Evropské laboratoře CERN – původně byl značkovací jazyk určen jen na zvýrazňování textu při sdílení vědecké činnosti.
Původní jazyk SGML – Standard Generalizace Markup Language.
HTML5
uvést inovace oproti HTML 4.01
Animace, přechody – doposud pouze pomocí appletů JAVA, Flash, podpora SWF animací, FLV video (Youtube) nyní stačí znát nové značky a atributy podpora kodeků H.264, mp3 …
vektorová grafika – SVG začlenění – není třeba všechno převádět do obrázků (PNG, JPG)
sémantika značek – dříve div s patřičným id (problém vyhledávače jako Google je nechápaly), nyní např. prvek <nav> vyhledávači říká co je navigace, co je záhlaví webu, co je článek a co si hledající žádá
nové ovládací prvky formuláře (číselník, …)
lepší implementace vlastností CSS (průhlednost, kulaté rohy, barevné přechody atd….)