Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

Internetové publikování Jazyk HTML (XHTML)

N Internetové publikování 2. Základy HTML (XHTML) První „WWW stránka“ » materialy/ip-s-001/p01.htmlhttp:// materialy/ip-s-001/p01.html »Tato stránka obsahuje nějaký text, který se zobrazí »Obsahuje formátovací instrukce, které mohou fungovat »Ignoruje standardy a pravidla tvorby, takže funkčnost není zaručena

N Internetové publikování 2. Základy HTML (XHTML) První správná WWW stránka » materialy/ip-s-001/p02.htmlhttp:// materialy/ip-s-001/p02.html »Stránka vyhovuje standardu, takže bude fungovat ve všech prohlížečích, které jej podporují

N Internetové publikování 2. Základy HTML (XHTML) Online zdoje informací »Specifikace XHTML 1.0 » » /Overview.htmlhttp:// /Overview.html »Tutorial, příklady »

N Internetové publikování 2. Základy HTML (XHTML) Základní komponenty HTML jazyka »Element » Příklad elementu »Počáteční tag »Obsah elementu »Ukončovací tag »„bezobsahové elementy“ »HTML 4.01: nemusí být ukončeny »XHTML: všechny elementy ukončené »Obsahem elementu mohou být další elementy »Well-formed dokumenty

N Internetové publikování 2. Základy HTML (XHTML) Typy elementů »Blokové » … » »Inline »

N Internetové publikování 2. Základy HTML (XHTML) Základní komponenty HTML jazyka »Atribut » Odkaz jinam »Podrobnější specifikace elementu »Zapisuje se za počáteční tag »Přiřazuje se mu hodnota vymezená "" »U jednoho tagu více atributů »Na pořadí atributů nezáleží

N Internetové publikování 2. Základy HTML (XHTML) Zjednodušená struktura stránky »(Je skutečně zjednodušená)......

N Internetové publikování 2. Základy HTML (XHTML) Obsah elementu head » »Název stránky v titulkovém pruhu okna prohlížeče » »Metadata dokumentu »Většinou se neinterpretují se prohlížečem, např. pro vyhledávače »S výjimkou informace o typu a kódování dokumentu Příklad 2

N Internetové publikování 2. Základy HTML (XHTML) Obsah elementu body »Interpretace a zápis textu »Implicitní chování »Mezery, tabelátory, konce řádku se interpretují jako jedna mezera »Blokové a řádkové (inline) elementy text elementy

N Internetové publikování 2. Základy HTML (XHTML) Elementy pro členění textu »div – oddíl »p – odstavec »span – inline blok »br – zalomení řádky (bezobsahový )

N Internetové publikování 2. Základy HTML (XHTML) Členění textu Toto je 1. odstavec textu Toto je 2. odstavec textu Toto je 3. odstavec textu Toto je 4. odstavec textu ručně zalomený na 2 řádky  studijni-materialy/ip-s-001/p03.html studijni-materialy/ip-s-001/p03.html

N Internetové publikování 2. Základy HTML (XHTML) Nadpisy Nadpis 1 Nadpis 2 Nadpis 3 Nadpis 4 Nadpis 5 Nadpis 6  -materialy/ip-s-001/p04.html -materialy/ip-s-001/p04.html

N Internetové publikování 2. Základy HTML (XHTML) Formátování zdůrazněný text silně tištěný text tučný text kurzíva text dolní index text horní index zdrojové texty se zobrazují neproporcionálním písmem Obsah se zobrazí neproporcionálním písmem přesně tak, jak je v dokumentu zapsán, včetně formátovacích znaků ABC 

N Internetové publikování 2. Základy HTML (XHTML) Rozdělení formátovacích elementů »Elementy strong a em jsou sémanticky významné, vyjadřují, že obsah je důležitý »Elementy b a i (implicitně vypadají stejně jako ty předchozí) definují vzhled bez sémantického významu

N Internetové publikování 2. Základy HTML (XHTML) Seznamy Nečíslovaný seznam kolečko kroužek čtvereček Číslovaný seznam položka 1 položka 2 položka 3 Definiční seznam HTML HyperText Markup Language XML eXtensible Markup Language 

N Internetové publikování 2. Základy HTML (XHTML) Grafika <img src=" alt="Valid XHTML 1.0!" height="31" width="88" /> 