Struktury informačních zdrojů: studijní opora

5. Stromová struktura otevřených dokumentů: standard SGML

5.2. HTML

Hypertext Markup Language (hypertextový vyznačovací jazyk, HTML)

jazyk (DTD) pro strukturování a formátování dokumentů na webu

typ dokumentu HTML:
webová stránka/dokument (web page/document), tj. jednotka informace přístupná v síti WWW

charakteristické rysy:

  • hypertextové vazby na jiné dokumenty v síti WWW        <a href=" "> </a>
  • složené dokumenty (začínají "existovat" až v počítači příjemce)                <img src=" ">

Struktura HTML dokumentu

!DOCTYPE = deklarace typu dokumentu (zpravidla ve formě odkazu na externí DTD)
HTML = instance dokumentu
HEAD = záhlaví (informace pro browser)
META = informace o dokumentu, která není určená pro zobrazení browserem
BODY = tělo (informace pro uživatele)
html


Každý HTML dokument je složen z úseků - elementů. K rozlišení, o jaký element se jedná, slouží tagy. Nejčastější tagy jsou párové značky uzavírající příslušný úsek (element) dokumentu. Každý tag je složen ze jména (např. TITLE) uzavřeného mezi znaky < > nebo </ >.

vzhled počátečního tagu <JMENO>
vzhled koncového tagu </JMENO>

typy tagů:
    a) container (obsah elementu je uvnitř počátečního a koncového tagu)
    b) empty (ukončovací tag se nepoužívá)


Elementem může být:
a) obsahová část dokumentu (např. název)
<TITLE> </TITLE>
b) formální (vzhledová) část dokumentu (např. úsek zvýrazněný tučným písmem)
<B> </B>
c) obrázek
<IMG SRC=" ">
d) hypertextový uzel (hypertextová vazba, angl. hypertext link)
<A HREF=" "> </A>

Technologie HTML

html

browser

  • program pro prohlížení (prezentaci) HTML dokumentů
  • interpretuje tagy v HTML souboru a prezentuje soubor jako formátovanou, čitelnou webovskou stránku


HICKSON, Ian et al. HTML Standard. In: WHATWG: Living Standard [online]. Last updated 2024-04-29 [cit. 2024-05-01]. Dostupné z: https://html.spec.whatwg.org.

KOSEK, Jiří. HTML5: Tvorba dokonalých webových stránek. Dostupné z: http://htmlguru.cz/.