Úvod do HTML a objasnění
základních pojmů
1
Vývoj HTML
1989 výzkumná laboratoř CERN Švýcarsko (zahájení
projektu WWW)
1991 zveřejnění
1992 první prohlížeč WWW (textový)
1993 HTML verze 2.0 (50 serverů) + první grafický
prohlížeč
1994 založena společnost W3C (World Wide Web
Consorcium)
1995 rozšíření HTML 2.0 na HTML 3.0 (Netscape)
1996 HTML 3.2
1997 HTML 4.0 specifikace DHTML
1998 specifikace HTML 4.1 (HTML se již dále nevyvíjí, jazyk je
nahrazen novějším XHTML)
1. HyperText Markup Language
(Jazyk obohacený o organizaci odkazů)
Jinými slovy jde o jazyk, který popisuje co
WEBová stránka obsahuje.
2. World-Wide Web (Velká světová pavučina)
3. Multimediální
4. Nezávislost na platformě (Mac, Win, Linux)
5. A) standardy (normy - popisující způsob komunikace)
B) HTTP (HyperText Transfer Protokol) (protokol -
zajišťující přenos WEB stránek od serveru k uživateli)
C) URL (Uniform Resource Locator) (odkazy adresy
používané v prostředí WWW)
Rekapitulace
Schéma
http Klasické web stránky (nechráněné připojení)
shttp Také web stránky ale připojení je chráněno (kódováno)
ftp Připojení k souborovému serveru FTP (File Transfer Protocol)
mailto Adresa elektronické pošty (mailto:uzivatel@fss.muni.cz)
file Přístup k souboru na lokálním disku (file:///c:/Dokumenty/)
news Diskusní skupiny
nntp Diskusní skupina na určitém serveru
telnet Terminálový přístup k počítači (telnet://fss.muni.cz)
gopher Gopher protokol
prospero Adresářová služba prospero
wais (Wide Area Information Server)
Tvar URL
http://fss.muni.cz Počítač
(adresa počítače)
Doménová
(DNS)
Př.: fss.muni.cz
IP
Př.: 147.251.105.1
Obecný tvar URL
schéma://uživatel:heslo@počítač:port/cesta;parametry?dotaz#fragment
ftp://david:th22eo33@fss.muni.cz:21/statnice/zadání.pdf;type=i
Příklad:
rezervované znaky
/ : @ ; ? # & = % + { } | \ ^ ~ [ ]
Schémata:
Nejčastěji používaná schémata pro URL
obecný tvar
HTTP
http://počítač:port/cesta?dotaz#fragment
port nezapisuje se, pokud není zvolen jiný než 80
cesta Určuje cestu ke stránce html. Nemusí se zapisovat, ale
jak server pozná jakou stránku chcete prohlížet pokud
napíšete např.: http://www.email.cz ? Server je
nakonfigurován tak že v případě absence jména automaticky
přejde na stránku s označením index.html, index.htm, nebo
index.php
dotaz a fragment těmito dnes většinou předáváme parametry
programům, které generují DHTML.
mailto
mailto:milacek@fss.muni.cz
!!V případě použití na jiném PC než je váš osobní počítač se
může stát, že bude použita výchozí nastavená adresa
odesilatele v prohlížeči!!
FTP
ftp://uživatel:heslo@počítač:port/cesta;type=typ
!!Pozor na VELKÁ a malá písmena v uživateli, hesle a cestě!!
port nezapisuje se, pokud není zvolen jiný než 21
typ určuje způsob jakým se má soubor stáhnout (d
adresář, a textový soubor, i binární soubor), ale tento
se většinou neuvádí a záleží na klientském programu jakou
metodu zvolí.
Relativní a
absolutní
URL
Klient Server Nástin struktury sítě MU
Základy HTML
Naše první stránka
1. Spustíme notepad
(jednoduchý textový editor)
2. Vepíšeme následující text
<
Pravý ALT + <
3. Uložení našeho výtvoru
a) Název s koncovkou .html
b) Změna na typ (všechny soubory)
Tag?? O co jde?
Text určený k zobrazení
Tag počáteční Tag ukončovací
START END
Většina tagů má svůj počáteční a koncový tag.
Tagy nerozlišují mezi velkými a malými písmeny. <title> <TitlE>
Tagy dávají textu uzavřenému mezi ně význam.
<Title> název celého dokumentu
nadpis první úrovně
odděluje odstavce textu
ukončuje odstavcování textu
Lomítko
Správná kostra stránky
název dokumentu
Nadpis první úrovně
První odstavec vás vítá do světa HTML.
Druhý odstavec následuje hned za prvním.
Typ publikovaného dokumentu je napsán v HTML 4.01 pod normou W3C .....
Co je ještě nutné o HTML vědět?
Všechny konce řádků převede na mezery
Pokud bezprostředně za sebou následuje
více mezer, nahradí je mezerou jedinou
Nakonec napsaný text zalomí tak, aby se
vešel do okna prohlížeče.
Další tagy
HTML má 6 úrovní nadpisů
..........................................................
Nadpis .............................................. Nadpis
Jak víme text v html je zalamován podle potřeb prohlížeče, ale jak
jej zalamovat tam kde chceme sami?
Naše fakulta sídlí na adrese
Gorkého 7
60200 Brno
Mějme na paměti že velké množství zanořování nadpisů dělá
dokument nepřehledný a znesnadňuje orientaci v textu. Také
Nadpisy H5 a H6 jsou již menší než samotný text a tak je na
zvážení jejich použití.
Další důležité tagy
tučné písmo
kurzíva
podtržené
neproporcionální
přeškrtnuté
dolní index
horní index