základy html
DESCRIPTION
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 . - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/1.jpg)
ZÁKLADY HTML
![Page 2: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/2.jpg)
ÚVOD
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 <ostrých
závorkách>. co není v ostrých závorkách, je text, který se
bude zobrazovat. Symbolicky: <tag>text
![Page 3: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/3.jpg)
OBECNÁ SYNTAXE HTMLHTML má několik málo zásad: Nezáleží na velikosti písem, <body> je totéž co
<BODY> 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 < br>
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.
![Page 4: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/4.jpg)
STRUKTURA DOKUMENTU
hlavička dokumentu
tělodokumentu
<html> <head> <title>úvod</title> </head> <body> Moje první html stránka. A nějaké další texty. </body></html>
![Page 5: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/5.jpg)
STRUKTURA DOKUMENTU
<html> </html> - začíná a končí celý dokument, celý obsah musí být uvnitř
<head> </head> - hlavička dokumentu se nezobrazuje, obsahuje nepovinně další tagy (title, meta, link, style, script aj.)
<body></body> - tělo dokumentu, obsahuje veškerý zobrazovaný obsah stránky.
![Page 6: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/6.jpg)
PSANÍ DOKUMENTU
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
![Page 7: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/7.jpg)
POUŽITÍ EDITORU HTML
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
![Page 8: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/8.jpg)
POUŽITÍ EDITORU HTML
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
![Page 9: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/9.jpg)
POUŽITÍ EDITORU HTML
Vzhled stránky si můžeme prohlédnout v HTML náhledu
![Page 10: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/10.jpg)
VOLBA PÍSMA
Tag <font> - nastavení barvy, velikosti a fontu písmaPři volbě typu písma je vhodné použít větu
Příliš žluťoučký kůň úpěl své ďábelské ódykterá obsahuje všechna česká písmena s diakritikou
![Page 11: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/11.jpg)
DALŠÍ TAGY
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<br> - break – nepárový tag, který ukončí řádek<p> </p> - odstavec atribut align – zarovná text odstavce - right,
left, center, justify
![Page 12: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/12.jpg)
DALŠÍ TAGY
<hr> - 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
![Page 13: Základy HTML](https://reader037.vdocuments.site/reader037/viewer/2022110102/56814268550346895dae90da/html5/thumbnails/13.jpg)
POUŽITÉ ZDROJE
http://www.jakpsatweb.cz/html/struktura.html