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 Číslo projektu: CZ.1.07/1.5.00/

ZÁKLADY HTML

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

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.

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

- 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.

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

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

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

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

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

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

- 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

