základy html

ZÁKLADY HTML

Ú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

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 

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.

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>

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.

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

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


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

VOLBA PÍSMA

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

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 - break – nepárový tag, který ukončí řádek - odstavec atribut align – zarovná text odstavce - right,

left, center, justify

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

POUŽITÉ ZDROJE

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

základy html

Documents