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.

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)

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:

  • 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

  • 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. 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