Základy HTML TNPW1 Ing. Jiří Štěpánek
Kostra HTMl Stránky <!DOCTYPE html> <html> <body> <head> <meta charset=utf-8 /> <title>Titulek stránky</title> </head> <body> </body> </html>
Nadpisy h1 – h6 Sémantický význam, nikoli formátovací Strukturování textu, informací na stránce h1 Hlavní nadpis stránky, vyskytuje se na jedné stránce právě jednou h2 – h6 Mohou se libovolně opakovat Neměly by se vynechávat (např. použít na stránce h1, h3 a vynechat h2)
Texty Odstavec textu – p Phrase elementy – označení významu textu mark, code, samp, abbr, acronym, quote, blockquote a další
Odkazy Element a a jeho atributy Absolutní Relativní Kotvy href – URL adresa Absolutní Vede vždy na stejnou adresu z každého místa (href=“http://www.google.com“) Relativní Odkazuje na dokument relativně vzhledem k aktuálnímu umístění načtené stránky (href=“dokumenty/dokument.docx“) Kotvy Označení kotvy atributem id (jednoznačný identifikátor v rámci HTML dokumentu) Odkaz na kotvu href=“#kotva“ (na stejné stránce) href=“stranka.html#kotva“ (jiný dokument)
Obrázky img – nepárový element <img src=„logo-novak.gif" alt= „Novák a spol." width="117" height="18" >
Samostatná práce Vytvořit a publikovat html stránku, která bude validní podle normy HTML5 Několik odstavců textu vhodně strukturovaných nadpisy Využití phrase elemenetů Použití absolutního a relativního odkazu, kotvy Použití obrázku