© 2001-2003 Marty Hall, Larry Brown http://www.corewebprogramming.com
1
HyperText Markup
Language (HTML)
Kreiranje dokumenata za
World Wide Web
www.corewebprogramming.com
2
Agenda
•
Uvod u HTML
•
Kreiranje i publikovanje HTML stranice
•
Validacija dokumenata
•
Glavni HMTL elementi
•
Elementi na nivou bloka u HTML-u
•
Elementi na nivou teksta u HTML-u
•
Kreiranje linkova (hypertext links)
•
Dodavanje slika dokumentu
•
Izgradnja tabela
www.corewebprogramming.com
4
HTML
•
SGML, HTML, XML, XHTML
SGML, HTML, XML, XHTML
–
SGML: Standard Generalized Markup Language (1986)
SGML: Standard Generalized Markup Language (1986)
–
HTML: HyperText Markup Language (1989)
HTML: HyperText Markup Language (1989)
–
XML: Extensible Markup Language (1996)
XML: Extensible Markup Language (1996)
–
XHTML: Extensible HyperText Markup Language (2000)
XHTML: Extensible HyperText Markup Language (2000)
SGML
SGML
XML
HTML
WML
CML MathML
SMIL
XHTML
…
www.corewebprogramming.com
5
HTML (cont.)
•
HTML:
HTML: H
H
yper
yperT
T
ext
ext M
M
arkup
arkup L
L
anguage
anguage
•
Prva verzija -
Prva verzija -
Tim Berners-Lee
Tim Berners-Lee
, 1989.
, 1989.
•
HTML je
HTML je
počeo da se koristi
počeo da se koristi
1990.
1990.
•
HTML specifi
HTML specifi
kacije
kacije
–
1993.01 HTML 1.0 (IETF working draft)
1993.01 HTML 1.0 (IETF working draft)
–
1995.11 HTML 2.0 (IETF RFC 1866)
1995.11 HTML 2.0 (IETF RFC 1866)
–
1997.01 HTML 3.2 (W3C Recommendation)
1997.01 HTML 3.2 (W3C Recommendation)
–
1997.12 HTML 4.0 (W3C Recommendation)
1997.12 HTML 4.0 (W3C Recommendation)
–
1999.12 HTML 4.01 (W3C Recommendation)
1999.12 HTML 4.01 (W3C Recommendation)
–
2000.05.15 ISO/IEC 15445:2000 (ISO/IEC international standard)
2000.05.15 ISO/IEC 15445:2000 (ISO/IEC international standard)
•
HTML
HTML
-ova
-ova
gram
gram
atička
atička
stru
stru
k
k
tur
tur
a je u
a je u
HTML DTD
HTML DTD
–
DTD:
DTD: D
D
ocument
ocument T
T
ype
ype D
D
efinition
efinition
–
Taj
Taj
DTD
DTD
je kreiran primjenom
je kreiran primjenom SGML
SGML
s
s
i
i
nta
nta
kse
kse
.
.
www.corewebprogramming.com
7
HyperText Markup Language
•
Tekst je izmiješan sa “markup” tagovima
–
Tagovi su zatvoreni parom zagrada < >
–
(<H1>Introduction</H1>)
•
Šta opisuju markup tagovi?
–
Izgled (Appearance)
–
Raspored (Layout)
–
Sadržaj (Nije moguće uvijek postići tačan izgled)
