díl 1. - seznámení s HTML A XHTML

HTML a XHTML

Protože se v našich emailových schránkách začal množit dotaz na to, jaký je vlastně rozdíl a jak se používá HTML a XHTML, rozhodli jsme se s kolegy zahájit zde seriál, ve kterém jasně a stručně na Vaše otázky odpovíme. Takže, dámy a pánové, pohodlně se usaďte, odlétáme.

Jak to vlastně celé funguje?

Internetová stránka jsou v podstatě soubory s programem, který se spouští ve chvíli kdy se na stránky podíváme. Tyto soubory jsou uloženy na serveru, počítači zapojeném do internetu, tzv. hostingu a s tímto hostingem je také spojena doména, tj. adresa naší webové prezentace. Pokaždé když někdo (klient) přijde na naši adresu (url), stáhnou se do jeho počítače všechny soubory nadefinované ke zobrazení na dané adrese (url). Tyto soubory se v prohlížeči (Firefox, internet explorer, netscape, chrome, safari, opera atd.) interpretují, neboli zobrazí a webová stránka je na světě.

Z předchozích řádků je patrné, že celý proces funguje pokud máme hosting, doménu a pak samozřejmě také program s webovou stránkou. Dále se budeme zabývat již jen tímto programem.

Programovací jazyk, na kterém je založeno zobrazování internetových stránek není klasickým kompilovaným programovacím jazykem. Řadí se ke skriptovacím jazykům, u kterých je na první pohled znám zdrojový kód a jsou velice snadno upravovatelné. Sami si zkuste na něj podívat. Na webové stránce klikněte pravým tlačítkem myši mimo grafické prvky a v nabídce vyberte "zobrazit zdrojový kód stránky". Ano, tohle je to HTML nebo XHTML. Jeho koncepce je srvonatelná např. s Microsoft office Word koncepcí, kde si také můžete zobrazit skryté značky. Ano, značky, to je to správné slovo.

Jako ve wordu, každý Váš formátovací pokyn v html nebo xhtml je označen značkou, anglicky tagem, která říká, jak se slovo, odstavec, řádek nebo cokoliv jiného má zobrazovat. Odtud se HTML a XHTML začalo říkat značkovací jazyky.

Značky v námi zobrazeném zdrojovém kódu poznáme podle závorek. Každá značka neboli tag je uzavřena takto v závorkách: