HTML KÓD
Mgr. Rostislav Fojtík, PhD.
Katedra informatiky a matematik
y
Obchodně podnikatelská fakulta v Karvin
é
Slezská univerzita
Služby internetu a tvorba WWW
Historie
•TCP/IP
•www (World Wide Web)
•Centrum jaderného výzkum CERN v Ženevě
•Tim Berners-Lee a Robert Cailliau - protokol h
tt
p
•Marc Andreesen a Eric Bina - prohlížeč Mosaic
(Národním centru superpočítačových aplikací NCSA,
USA)
Služby internetu a tvorba WWW
Historie
Služby internetu a tvorba WWW
Webové stránky
•sta
ti
cké stránky
•dynamické stránky
Služby internetu a tvorba WWW
Technologie pro tvorbu
webových stránek
•HTML
•CSS
•JavaScript
•PHP, Java, .Net …
•Databáze (MySQL…)
Služby internetu a tvorba WWW
W3C
•World Wide Web Consor
ti
um
•založeno v roce 1994, Tim Berners-Lee
•vydává standardy pro www
•HTML, CSS, DOM, CGI, XHTML, XML . . .
Služby internetu a tvorba WWW
W3C
Služby internetu a tvorba WWW
HTML
•značkovací jazyk
•HTML - HyperText Markup Language
•struktura webové stránky
•verze jazyka - 5
Služby internetu a tvorba WWW
K čemu HTML nemá sloužit?
Vzhled stránky se nemá řešit pomocí HTML!
Kód HTML upravuje strukturu stránky!
Služby internetu a tvorba WWW
Tagy
•tagy - značky
•párové tagy
•nepárové tagy
•atributy
Služby internetu a tvorba WWW
Validace
•Validátor
•h
tt
ps://validator.w3.org
Služby internetu a tvorba WWW
Struktura
TODO supply a title
TODO write content
Služby internetu a tvorba WWW
Editory HTML kódů
•Microso
ft
Visual Studio Code
• h
tt
ps://code.visualstudio.com/#alt-downloads
•Komodo IDE
• h
tt
ps://www.ac
ti
vestate.com/products/komodo-ide/downloads/edit/
•Atom
• h
tt
ps://github.com/atom/atom/releases/tag/v1.45.0
•MS Windows, macOS, Linux
Služby internetu a tvorba WWW
Visual Studio Code
Služby internetu a tvorba WWW
Komodo IDE
Služby internetu a tvorba WWW
Atom
Služby internetu a tvorba WWW
HTML5
•podpora stávajícího webu
•nezávislost na zařízení
•nové možnos
ti
designu a ovládání
•přehlednější a lépe strukturovaný kód
•prohlížení webu o
ff
-line
Služby internetu a tvorba WWW
Nové tagy - strukturální
de
fi
nuje článek
de
fi
nuje sekci v dokumentu