WWW a HTML. Základní pojmy. Ivo Peterka

WWW a HTML Základní pojmy

Ivo Peterka

WWW ●

●

World Wide Web – systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa.

Ivo Peterka

HTML ●

HyperText Markup Language

●

Slouží k psaní WWW stránek

●

●

●

Patří k tzv. značkovacím jazykům (podobně jako dnes velmi rozšířené XML). XHTML je přepis HTML tak, aby odpovídal standardu XML. „Nestandardní“ pořadí standardů –

HTML 3.2; HTML 4,4.01; XHTML 1,1.1,2; HTML 5 Ivo Peterka

HTML ●

XHTML 2 je nedokončený standard ve stavu návrhu –

●

HTML 5 je nedokončený standard ve stavu návrhu –

●

Autoři SW přistupují velmi vlažně k jeho podpoře

Začalo se na něm pracovat díky tlaku autorů prohlížečů

Cesta od návrhu standardu po finální verzi se počítá na roky – my budeme používat Ivo Peterka XHTML1.0

Značkovací jazyky ● ●

Používají se párové a nepárové prvky. Párové prvky mají počáteční a ukončovací značku. Vše co je mezi značkami je obsahem tohoto prvku. –



–

Párové prvky mohou obsahovat jiné prvky.

●

Nepárové prvky žádný obsah nemají.

●

Párové i nepárové prvky mohou mít parametry. –

Nepárový prvek Ivo Peterka

Značkovací jazyky ●

Párový prvek může mít parametry i obsah. –



Ivo Peterka

Základní struktura HTML souboru <meta http-equiv="content-type" content="text/html; charset=utf-8" />

Ivo Peterka

Základní struktura HTML ●

●

Strukturu, která je uvedena na předchozím snímku, musí obsahovat každy XHTML souboru, aby splňoval XHTML standard. Správnost HTML si můžete vždy ověřit ve validatoru –

http://validator.w3.org

Ivo Peterka

Základní struktura HTML ●

Prvek obsahuje informace, které se nezobrazují v dokumentu –

●

slouží spíše pro formátování obsahu

Prvek obsahuje informace, které chceme zobrazit.

Ivo Peterka

Blokové a inline prvky ●

●

Blokové prvky se zobrazují jako „obdélníky“ ve stránkách. Inline prvky obecně nemají žádný tvar, spíše vymezují části dokumentu pro specialní formátování. – –

●

Např. pro tučné písmo se hodí inline prvek. Existují „replaced inline“ prvky – prvek je nahrazen jiným obsahem – např. obrázek

Prvek obsahuje pouze blokové prvky. Ivo Peterka

Přenosové protokoly ● ●

●

Slouží k přenosu dat Na internetu se jedná o tzv. „rodinu protokolů TCP/IP“ (Transmission Control Protocol/Internet Protocol). Obsahuje mnohé jednotlivé protokoly –

FTP

–

HTTP

–

SMTP

–

pop3

–

...

Ivo Peterka

Internet Protokol ●

Slouží pro přenos dat mezi počítači.

●

V současné době se používá verze 4. –

–

Každý stroj je v této verzi má jako jednoznačný identifikátor 32-bitové číslo – IP Adresu. IP adresa se zapisuje jako čtveřice čísel v rozsahu 0 .. 255. ●

–

–

195.113.89.35

Pro zapamatování jmen počítačů se používá DNS systém (www.cuni.cz) Již roky se hovoří o zavedení Ipv6 s 64-bitovými adresami Ivo Peterka

HTTP ●

HyperText Transfer Protocol

●

Používá se pro přenos WWW stránek.

●

To, co nastaví HTTP může být (částečně) měněno pomocí nepárových prvků <meta>

Ivo Peterka

URL ●

Uniform Request Locator

●

Jednoznačně identifikuje soubor v internetu –

– –

–

Má tvar „použitý protokol“://“název serveru“/“cesta k souboru na serveru“ http://webkurz.kvalitne.cz/index.php Implicitní jména souborů (index.html, index.php, default.asp) můžeme vynechávat. Pozor! K oddělování adresářů v cestě se používá normální lomítko, nikoliv zpětné jak je tomu zvykem v MS Windows. Navíc záleží na velikosti písmen v cestě k souboru! Ivo Peterka

Odkazy v HTML ●

●

Pro odkaz se (v části ) používá prvek Absolutní odkaz obsahuje kompletní URL –

●

Webkurz

Relativní odkaz obsahuje pouze cestu k souboru relativní k pozici aktuálního souboru.

Ivo Peterka

Relativní odkazy - příklad ● ●

●

Máme adresář stranky Adresář „stranky“ obsahuje soubor „uvod.html“ a podadresář „dalsi“ Podadresář „dalsi“ obsahuje soubor „pokracovani.html“

Ivo Peterka

Relativní odkazy - příklad ●

Odkaz se souboru „uvod.html“ do souboru „pokracovani.html“ pak vypada takto: –

●

Pokračovat

Odkaz ze souboru „pokracovani.html“ do souboru „uvod.html“ pak vypada takto: –

Zpět na úvod

Ivo Peterka

Kaskádové styly ● ●

Slouží k formátování prvků na stránce. V dokumentu jsou zpravidla obsahem prvku <style>, který se nachází uvnitř prvku

Ivo Peterka

Kaskádové styly - příklad <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type=“text/css“> div {color: blue;}

Ivo Peterka