Charakterizujte formáty souborů HTML a XML. Popište, k čemu se používají. Uveďte několik základních značek HTML a popište jejich význam.: Porovnání verzí

Verze z 5. 5. 2020, 11:05

Soubory formátu HTML a XML jsou formátované textové soubory, obsahující kromě vlastního textu i značky (tagy) jazyka HTML resp. XML, které definují, jak se má text zobrazovat.

Obsah

1 HTML (Hypertext Markup Language)
- 1.1 Struktura HTML dokumentu^[1]
- 1.2 Příklady některých dalších HTML značek
2 Odkazy

HTML (Hypertext Markup Language)

je standardní značkovací jazyk používaný pro dokumenty určené k zobrazení ve webovém prohlížeči.

Jazyk HTML je charakterizován množinou značek (tzv. tagů) a jejich vlastností (atributů). Mezi značky se uzavírají části textu dokumentu a tím se určuje význam obsaženého textu. Názvy jednotlivých značek a jejich vlastností se uzavírají mezi úhlové závorky < a >. Část dokumentu tvořená otevírací značkou, nějakým obsahem a odpovídající ukončovací značkou tvoří prvek (element) dokumentu. Součástí obsahu prvku mohou být další vnořené prvky.^[1]

Značky lze z hlediska významu rozdělit na tři základní skupiny:^[1]

Strukturální značky
- rozvrhují strukturu dokumentu a dodávají mu formu
- příklad: odstavce (<p>), nadpisy (<h1>, <h2>).
Popisné (sémantické) značky
- popisují povahu obsahu prvku, současný trend je orientován právě na sémantické značky, které usnadňují automatizované zpracovávání dokumentů a vyhledávání informací
- příklad: nadpis (<title>), adresa (<address>).
Stylistické značky
- určují vzhled prvku při zobrazení, od tohoto druhu značek se postupně upouští
- příklad: značka pro tučné písmo (<b>).

Podle toho, zda se vyskytují ve dvojicí nebo samostatně, rozlišujeme značky

párové (například odstavec <p> </p>)
nepárové (například zalomení řádku <br>)

Struktura HTML dokumentu^[1]

Deklarace typu dokumentu: značka <!DOCTYPE html> sděluje prohlížeči, že otevřel HTML dokument.
Kořenový element: značky <html> a </html> označují začátek, respektive konec celého dokumentu.
Hlavička dokumentu: <head> a </head> označují začátek a konec hlavičky dokumentu, která se sice nezobrazuje, ale obsahuje metadata vztahující se k celému dokumentu (např. název dokumentu, autora, klíčová slova, kaskádové styly atd.).
Tělo dokumentu: <body> a </body> označují tělo dokumentu, zahrnující vlastní obsah dokumentu.

Příklady některých dalších HTML značek

Odkazy

Reference

↑ ^1,0 ^1,1 ^1,2 Hypertext Markup Language. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2020-04-28]. Dostupné z: https://cs.wikipedia.org/wiki/Hypertext_Markup_Language

Související články

Principy značkovacích jazyků a příklady použití jazyka HTML a XML

Klíčová slova

HTML, XML, značkovací jazyky

[:0-1] 1,0 ^1,1 ^1,2 Hypertext Markup Language. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2020-04-28]. Dostupné z: https://cs.wikipedia.org/wiki/Hypertext_Markup_Language

[1]

@@ Řádek 1: / Řádek 1: @@
 '''Soubory formátu HTML a XML''' jsou formátované textové soubory, obsahující kromě vlastního textu i značky (tagy) jazyka HTML resp. XML, které definují, jak se má text zobrazovat.
-== HTML (Hypertext Markup Language) ==
+==HTML (Hypertext Markup Language)==
 je standardní značkovací jazyk používaný pro dokumenty určené k zobrazení ve webovém prohlížeči.
-Jazyk HTML je charakterizován množinou '''značek''' (tzv. ''tagů'') a jejich '''vlastností''' (''atributů''). Mezi značky se uzavírají části textu dokumentu a tím se určuje význam obsaženého textu. Názvy jednotlivých značek a jejich vlastností se uzavírají mezi úhlové závorky <code><</code> a <code>></code>. Část dokumentu tvořená otevírací značkou, nějakým obsahem a odpovídající ukončovací značkou tvoří '''prvek''' (''element'') dokumentu. Součástí obsahu prvku mohou být další vnořené prvky.<ref>Hypertext Markup Language. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2020-04-28]. Dostupné z: https://cs.wikipedia.org/wiki/Hypertext_Markup_Language</ref>
+Jazyk HTML je charakterizován množinou '''značek''' (tzv. ''tagů'') a jejich '''vlastností''' (''atributů''). Mezi značky se uzavírají části textu dokumentu a tím se určuje význam obsaženého textu. Názvy jednotlivých značek a jejich vlastností se uzavírají mezi úhlové závorky <code><</code> a <code>></code>. Část dokumentu tvořená otevírací značkou, nějakým obsahem a odpovídající ukončovací značkou tvoří '''prvek''' (''element'') dokumentu. Součástí obsahu prvku mohou být další vnořené prvky.<ref name=":0">Hypertext Markup Language. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2020-04-28]. Dostupné z: https://cs.wikipedia.org/wiki/Hypertext_Markup_Language</ref>
-Značky lze '''z hlediska významu''' rozdělit na tři základní skupiny:
+Značky lze '''z hlediska významu''' rozdělit na tři základní skupiny:<ref name=":0" />
-* '''Strukturální značky'''
+*'''Strukturální značky'''
-** rozvrhují strukturu dokumentu a dodávají mu formu
+**rozvrhují strukturu dokumentu a dodávají mu formu
-** příklad: odstavce (<nowiki><p>), nadpisy (<h1>, <h2>).</nowiki>
+**příklad: odstavce (<nowiki><p>), nadpisy (<h1>, <h2>).</nowiki>
-* '''Popisné (sémantické) značky'''
+*'''Popisné (sémantické) značky'''
-** popisují povahu obsahu prvku, současný trend je orientován právě na sémantické značky, které usnadňují automatizované zpracovávání dokumentů a vyhledávání informací
+**popisují povahu obsahu prvku, současný trend je orientován právě na sémantické značky, které usnadňují automatizované zpracovávání dokumentů a vyhledávání informací
-** příklad: nadpis (<title>), adresa (<address>).
+**příklad: nadpis (<title>), adresa (<address>).
-* '''Stylistické značky'''
+*'''Stylistické značky'''
-** určují vzhled prvku při zobrazení, od tohoto druhu značek se postupně upouští
+**určují vzhled prvku při zobrazení, od tohoto druhu značek se postupně upouští
-** příklad: značka pro tučné písmo (<nowiki><b>).</nowiki>
+**příklad: značka pro tučné písmo (<nowiki><b>).</nowiki>
 Podle toho, zda se vyskytují ve dvojicí nebo samostatně, rozlišujeme značky
-* '''párové''' (například odstavec <nowiki><p> </p></nowiki>)
+*'''párové''' (například odstavec <nowiki><p> </p></nowiki>)
-* '''nepárové''' (například zalomení řádku <nowiki><br></nowiki>)
+*'''nepárové''' (například zalomení řádku <nowiki><br></nowiki>)
-=== Struktura HTML dokumentu ===
+===Struktura HTML dokumentu<ref name=":0" />===
-* '''Deklarace typu dokumentu''': značka <!DOCTYPE html> sděluje prohlížeči, že otevřel HTML dokument.
+*'''Deklarace typu dokumentu''': značka <!DOCTYPE html> sděluje prohlížeči, že otevřel HTML dokument.
-* '''Kořenový element:''' značky <html> a </html> označují začátek, respektive konec celého dokumentu.
+*'''Kořenový element:''' značky <html> a </html> označují začátek, respektive konec celého dokumentu.
-* '''Hlavička dokumentu:''' <head> a </head> označují začátek a konec hlavičky dokumentu, která se sice nezobrazuje, ale obsahuje metadata vztahující se k celému dokumentu (např. název dokumentu, autora, klíčová slova, kaskádové styly atd.).
+*'''Hlavička dokumentu:''' <head> a </head> označují začátek a konec hlavičky dokumentu, která se sice nezobrazuje, ale obsahuje metadata vztahující se k celému dokumentu (např. název dokumentu, autora, klíčová slova, kaskádové styly atd.).
-* '''Tělo dokumentu:''' <body> a </body> označují tělo dokumentu, zahrnující vlastní obsah dokumentu.
+*'''Tělo dokumentu:''' <body> a </body> označují tělo dokumentu, zahrnující vlastní obsah dokumentu.
-=== Příklady některých dalších HTML značek ===
+===Příklady některých dalších HTML značek===
 ==Odkazy==