ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.

Prezentace na téma: "ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie."— Transkript prezentace:

1 ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie Tematický celek: webové stránky Název projektu: Zvyšování kvality výuky na CMG 2012 - 2014 Číslo projektu: CZ.1.07/1.5.00/34.0612

2 ZÁKLADY HTML

3 HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. HTML soubor je obyčejný text obalený značkami, které se nazývají tagy.  tagy určují, jak bude text vypadat, tedy jakou bude mít formu.  všechny tagy jsou uzavřeny v.  co není v ostrých závorkách, je text, který se bude zobrazovat. Symbolicky: text

4 OBECNÁ SYNTAXE HTML HTML má několik málo zásad:  Nezáleží na velikosti písem, je totéž co  V adresách a jménech souborů záleží na velikosti písmen, nesmí obsahovat mezery a češtinu.  Tagy, které prohlížeč nezná, jako by nebyly.  Na začátku tagu nesmí být mezera, třeba je špatně.  Dvě mezery po sobě (nebo víc) mají stejný význam jako jedna mezera.  Konec řádku ve zdroji se chápe jako mezera.  Jména atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery.

5 hlavička dokumentu tělo dokumentu úvod Moje první html stránka. A nějaké další texty.

6 - začíná a končí celý dokument, celý obsah musí být uvnitř - hlavička dokumentu se nezobrazuje, obsahuje nepovinně další tagy (title, meta, link, style, script aj.) - tělo dokumentu, obsahuje veškerý zobrazovaný obsah stránky.

7 Stránku pomocí HTML můžeme psát v jakémkoli textovém editoru, přičemž nejvhodnější je poznámkový blok. Soubor pak musíme uložit s příponou.html, jako typ zvolíme Všechny soubory

8 Editor HTML je vhodný pro začátečníky na vytváření webových stránek, nabízí u každého tagu atributy a barevně zvýrazňuje správnou syntaxi. Vytvoření nového dokumentu

9 Jednotlivým tagům můžeme nastavit vlastnosti tak, že umístíme kurzor „dovnitř“ tagu a editor nám nabídne, co můžeme ovlivnit

10 Vzhled stránky si můžeme prohlédnout v HTML náhledu

11 Tag - nastavení barvy, velikosti a fontu písma Při volbě typu písma je vhodné použít větu Příliš žluťoučký kůň úpěl své ďábelské ódy která obsahuje všechna česká písmena s diakritikou

12 Nadpisy h1 až h6 - zobrazují se automaticky tučně, různým stupněm písma a mají kolem sebe vertikální mezery.  atribut align – right, left, center, justify - break – nepárový tag, který ukončí řádek - odstavec  atribut align – zarovná text odstavce - right, left, center, justify

13 - vodorovná čára atributy:  width – délka čáry – pixely nebo %  size - šířka ve smyslu tloušťky  align - zarovnání čáry s nastavenou šířkou  color - barva čáry  noshade – bez stínu

14  http://www.jakpsatweb.cz/html/struktura.html