HTML Hypertext Markup Language • je jazyk určený na publikování a distribuci dokumentů na Webu • velmi jednoduchý jazyk − používá ho mnoho uživatelů • má výkonné prostředky (příkazy) k formátování dokumentů (různé typy a velikosti písma − hlavičky, seznamy, tabulky, rámy (dělení stránky, ?) • umožňuje vytvářet hypertextové odkazy na jiné Web stránky (na jiném Web serveru) • umožňuje vkládat na Web stránky multimediální soubory (prezentace) − obrázky (mohou být hypertextovým odkazem na další Web stránky), animace, audio, video • umožňuje interakci s uživatelem pomocí formulářů Formulář má ve skutečnosti dvě složky: − HTML (Web) stránku definující formulář. Ta představuje „viditelnou“ část a zajišťuje styk s uživatelem − když prohlížeč získá Web stránku, která obsahuje formulář, zobrazí jej uživateli a umožní mu prostřednictvím nejrůznějších vstupních polí a tlačítek zadat požadované informace. − „Obslužný“ skript − když se odešle vyplněný formulář, prohlížeč pošle serveru URL (adresu) obslužného skriptu a předá mu uživatelovy informace z adresáře. Skript je převezme, provede s nimi (na serveru), co je zapotřebí a vytvoří HTML stránku, obsahující odezvu na zaslané informace. Ta je pak uživateli prohlížečem zobrazena jako výsledek formuláře.
Vývoj HTML Klán, P., Jindřich, J. WWW pro zelenáče. Neokortex 2002 Softwarové noviny //2003 − Dočkáme sa očisty HTML − 90 léta − široké použití jazyka HTML pro publikování a distribuci dokumentů, rozšiřování a modifikace původního návrhu jazyka HTML − 1997 − snaha o standardizaci (konsorcium W3C) HTML 3.2 Reference Specifications − 1997 − verze HTML 4.0 − 1999 − verze 4.01 − vývoj HTML je ukončen − 1998 − nástup „jazyka“ XML (Extensible Markup Language) − rozšířit možnosti zpracování dat na Webu nad rámec toho, co umožňuje HTML. XML − metajazyk − uživatel má možnost si sám definovat vlastní značky; soubor pravidel, pomocí kterých je možné navrhnout konkrétní aplikační jazyk. − 2000 − Konsorcium W3C zveřejňuje doporučení • XML 1.0 • XHTML 1.0 − (Extensible Hypertext Markup Language) A Reformulation HTML 4 in XML 1.0 − značky v XHTML jsou shodné (až na malé výjimky) se značkami v HTML 4 − používá se syntax jazyka XML − XHTML = HTML + XML (jazyk XHTML využívá výhody XML i HTML)
Rozdíly mezi HTML a XHTML • všechny značky musí být psány malými písmeny např.
,
, ... • všechny značky musí být ukončeny (každá počáteční značka musí mít koncovou značku) − u párových značek Rozdíly mezi HTML a XHTML
text
− u nepárových značek − značka musí být ukončena />
− hodnoty atributů značek musí být v uvozovkách Akreditace − vnoření značek se nesmí křížit <strong>XHTML
<strong>
Pevná struktura XHTML dokumentu Výuka XHTML <meta http-equiv="Content-Type" content="text/html"; charset="windows-1250"> <strong> XHTML
<strong>
Struktura XHTML dokumentu
Základy formátování textu
•
− tzv. preambule deklarace verze XML, kódování − nepovinný řádek DTD − typ dokumentu (obsahuje seznam všech prvků a atributů, které je možné v dané verzi XHTML použít − jazyk XHTML 1.0 definuje tři typy dokumentů: −
Strict (přesné) − nepodporuje tzv. zapovězené značky a rámy, k formátování písma vyžaduje kaskádové styly
−
−
Transitional (přechodné) − umožňuje snadný přechod od HTML dokumentů k XHTML − podporuje tzv. zapovězené značky, nepodporuje rámy, nevyžaduje kaskádové styly Frameset (rámcové) − jde o přechodný typ rozšířený o možnost použití rámců
• − začátek XHTML dokumentu − atribut xmlns specifikuje tzv. jmenný prostor (namespaces) − jedná se o názvy všech použitelných značek a jejich atributů založený na HTML 4.01. − Podobně ukončuje XHTML dokument • Výuka XHTML <meta http-equiv="Content-Type" content="text/html" charset="windows-1250" />
− hlavička dokumentu − další informace k dokumentu, titulek (popisek) stránky (title), kódování (pro starší prohlížeče)
• <strong> XHTML
<strong>
Struktura XHTML dokumentu
Základy formátování textu
Tělo XHTML dokumentu − vkládá se sem obsah stránky, která má být vidět v prohlížeči
