Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Značkovací jazyk HTML Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN Provozuje Národní ústav pro vzdělávání, školské poradenské zařízení a zařízení pro další vzdělávání pedagogických pracovníků (NÚV).
2
Značkovací jazyk (obecně)
není to programovací jazyk; slouží k přidání dodatečné informace (struktura, význam, …); používá značky (tagy) párové nepárové typické značkovací jazyky: XML HTML
3
Značkovací jazyk HTML (1)
HTML = HyperText Markup Language (hypertextový značkovací jazyk) používá se pro psaní webových stránek; současná verze: 5.x reflektuje vývoj internetu; přidává podporu audio a video souborů; spolupracuje s kaskádovými styly CSS 3.
4
Značkovací jazyk HTML (2)
zápis webové stránky pomocí tagů (značek) a atributů není case-sensitive (nerozlišují se velká a malá písmena); párové tagy <p>Text odstavce</p> <span class=„important“>Karel IV.</span> nepárové tagy <br> <hr>
5
Značkovací jazyk HTML (3)
tagy (značky) se zapisují mezi ostré závorky < a > párové mají otevírací a uzavírací tag: <p></p> nepárové mají pouze jeden tag: <br> mohou obsahovat atributy zpřesňují význam tagu <p class=„important“>Český král Karel IV.</p> element otevírací tag + obsah + uzavírací tag <p>Text odstavce</p>
6
Značkovací jazyk HTML (4)
tagy mohou mít význam: stylistický určují vizuální podobu (vzhled) <strong>důležitý text</strong> sémantický určují význam <title>Panovníci</title> strukturální určují strukturu <h1>český král Karel IV.</h1>
7
Webová stránka (1) webová stránka: běžný textový soubor editory
NetBeans PSPad Notepad++ Sublime Text Atom prohlížeče Edge Opera Chrome Safari
8
Webová stránka (2) <!DOCTYPE html> <html> <head> <title>Název stránky</title> </head> <body> <h1>Nadpis stránky</h1> <p>Více info na <a href=" </body> </html>
9
Úkoly Zjisti význam pojmu „bílé znaky“.
Zjisti význam pojmu „HTML entity“. Zjisti, jaký je vztah mezi jazyky HTML a XML. Zjisti k čemu slouží technologie AJAX. Zjisti základní rozdíl mezi protokolem http a https.
10
Zdroje Tento materiál je originálním autorským dílem (není ani částečně odvozeným dílem) a necituje žádné externí zdroje. Celý obsah je výsledkem tvůrčího úsilí autorky. K vytvoření tohoto DUMu nebyly použity žádné externí zdroje.
Podobné prezentace
