WWWWWW World Wide Web HTTP Hypertext Transfer Protocol Internet vs WWWInternet vs WWW Internet sít počítačů komunikační protokoly rodiny TCP/IP WWW (web) programy běžící na počítačích prohlížeč (browser) klient server poskytovatel služeb ProhlížečProhlížeč klient při komunikaci na Webu interpretace dokumentů (HTML, zvuk, video) spouštění lokálních souborů nenáročný na hardware Nejrozšířenější webové prohlížeče -- Microsoft Internet Explorer 6.0 -- Firefox 1.0.7 -- Mozilla 1.8 -- Opera 8.0 ServerServer program specializovaný na Web reaguje na požadavky klientů poskytuje soubory (dokumenty HTML, zvuk, video, archivy) náročný na hardware Nejznámější servery -- Apache -- IIS -- PWS (Personal Web Server) -- Xitami WWW komunikaceWWW komunikace Klient Server požadavek odpověď IP adresa 147.251.28.2 bilbo.chemi.muni.cz World Wide Web ConsortiumWorld Wide Web Consortium www.w3c.org -- značkovací jazyky -- styly -- grafické formáty -- multimédia -- zpracování dokumentů -- multimodální interakce Standardy mnoha oblastí XHTML 1.0, 2.0SGML Značkovací jazyky XML 1.0 HTML 4.01 Styly -- CSS, XSL Skripty -- ECMAScript, JavaScript, JScript Standardy na WWWStandardy na WWW HypertextHypertext -- (HyperText Markup Language) -- Hypertextový značkovací jazyk HTML -- text -- formátovací instrukce -- odkazy -- (Extensible HyperText Markup Language) -- Rozšiřovatelný hypertextový značkovací jazyk XHTML Značky v XHTMLZnačky v XHTML text uvnitř značky Párové značky

Toto je odstavec v HTML.

Prázdné (nepárové) značky
-- určují formátovací struktury v dokumentu -- píší se malými písmeny AtributyAtributy -- určují další vlastnosti značkovaných objektů -- píší se malými písmeny -- hodnota uzavřená v závorkách

Znakové entityZnakové entity -- zobrazení speciálních znaků -- řecká písmena, matematické značky, speciální diakritika &nazev_entity; α β š > ≤ š > & " nedělitelná mezera & " Vnořování značek (nesting)Vnořování značek (nesting) Správná struktura .... ... ... .... ... ... Špatná struktura křížení značek

H₂O

H₂

O Struktura dokumentu XHTMLStruktura dokumentu XHTML obsah hlavičky dokumentu vlastní věcný obsah dokumentu Deklarace typu Hlavička Tělo Hlavička dokumentuHlavička dokumentu Titulek stránky -- metainformace o dokumentu -- vazby na vnější zdroje -- skripty -- vnitřní formátovací styly Tělo dokumentuTělo dokumentu -- formátovaný text -- obrázky -- tabulky -- formuláře -- skripty Vlastní obsah dokumentu

Můj první HTML dokument

Ahoj, světe!

Základní formátovací značkyZákladní formátovací značky nadpisy 1.6. úrovně odstavec

, ...,

Blokové elementy Řádkové elementy zvýraznění silné zvýraznění horní index dolní index ^{_{Ostatní
zalomení řádku
vodorovná čára}}
NadpisyNadpisy Struktura nadpisů
1 Lineární algebra

1.1 Základní struktury

1.1.1 Grupoid

1 Lineární algebra

1.1 Základní struktury

1.1.1 Grupoid
Správně Špatně -- párové značky:
Nadpis 1. úrovně
-- 6 úrovní: h1, h2, h3, h4, h5, h6