Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Základy HTML TNPW1 Ing. Jiří Štěpánek
2
Kostra HTMl Stránky <!DOCTYPE html> <html> <body>
<head> <meta charset=utf-8 /> <title>Titulek stránky</title> </head> <body> </body> </html>
3
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)
4
Texty Odstavec textu – p Phrase elementy – označení významu textu
mark, code, samp, abbr, acronym, quote, blockquote a další
5
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=“ 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)
6
Obrázky img – nepárový element
<img src=„logo-novak.gif" alt= „Novák a spol." width="117" height="18" >
7
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
Podobné prezentace
