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í

(Založena nová stránka s textem „==Odkazy== ===Reference=== <references /> ===Související články=== Principy značkovacích jazyků a příklady použití jazyka HTML a XML ===…“)
 
Řá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) ==
 +
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.
 +
 +
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 (<nowiki><p>), nadpisy (<h1>, <h2>).</nowiki>
 +
* '''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 (<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>)
 +
* '''nepárové''' (například zalomení řádku <nowiki><br></nowiki>)
 +
 +
=== 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==
 
==Odkazy==
  

Verze z 5. 5. 2020, 10:49

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.

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


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