1 / 13

Základy HTML

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 <ostrých závorkách>.

liliha
Télécharger la présentation

Základy HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Základy HTML

  2. HyperTextMarkupLanguage, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. HTMLsoubor 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 Úvod

  3. HTML 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. Obecná syntaxe HTML

  4. <html>  <head>    <title>úvod</title>   </head>   <body>    Moje první html stránka.    A nějaké další texty.  </body></html> Struktura dokumentu hlavička dokumentu tělo dokumentu

  5. <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. Struktura dokumentu

  6. 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 Psaní dokumentu

  7. 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. Použití editoru HTMl Vytvoření nového dokumentu

  8. 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 Použití editoru HTMl

  9. Vzhled stránky si můžeme prohlédnout v HTML náhledu Použití editoru HTMl

  10. Tag<font> - 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 Volba písma

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

  12. <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 Další tagy

  13. http://www.jakpsatweb.cz/html/struktura.html Použité zdroje

More Related