====== Jazyk(y) (X)HTML ====== ===== Úlohy - HTML 5 ===== * statické HTML stránky: ** navrhněte strukturu dokumentu, který odpovídá obrázku (pouze HTML, ne formátování pomocí CSS). {{:courses:b6b39zwa:tutorials:02:zakladstrany.jpg?nolink|}} ** vytvořte tuto HTML stránku - v HTML 5 - obrázky a text bez HTML značek jsou v podadresáři "resources" {{ :courses:b6b39zwa:tutorials:02:web.zip |}} * jaké značky jsou určeny k dokumentaci změn? * zkontrolujte validnost ===== HTML5 pokračování ===== Tato část cvičení se věnuje věcem specifickým pro HTML5. Cílem bude utvořit novou stránku, využívající HTML5 značky ''header, footer, nav, section, article, aside, figure, figcaption'' a zkontrolovat ji ve validátoru. Zkusit, jak se bude validátor chovat při různém doctype. ===== Odkazy ===== *[[http://caniuse.com/|Can I use]] - přehled podpory HTML5 v různých prohlížečích *[[http://caniuse.com/#cats=HTML5 | Can I use -HTML5 kategorie]] *[[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction | Úvod do HTML]] *[[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML | HTML průvodce]] *[[https://developer.mozilla.org/en-US/docs/Web/HTML/Element | HTML ref. příručka - elementy]] *[[https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes | HTML ref. příručka - atributy]] ===== DÚ ===== - zkontrolujte validnost vámi vytvořených stránek a opravte VŠECHNY chyby i WARNINGY - zajistěte, aby byl formulář plně ovladatelný z klávesnice