Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ … Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ … Kurs vytváření WWW stánek (Pavel Satrapa) Základní pojmy: Hypertext: Trojrozměrný text (nebo také text s odkazy). WWW: World Wide Web - rozhraní pro práci s hypertextem. HTML: HypertText Markup Language - jazyk pro vytváření hypertextu. Vlastnosti jazyka HTML: ● je tvořen příkazy, které se nazývají tagy (značky). ● Dva typy tagů: párové a nepárové Párové tagy: Dvojice tagů a , která se v HTML dokumentu zapisuje následovně: obsah tagu Př.: organická chemie …vypíše text "organická chemie" kursívou. Katedra chemie …vytvoří hypertextový odkaz s textem "Katedra chemie", který ukazuje na adresu "http://www.chemi.muni.cz". Nepárové tagy: Nepárový tag - nemá značku pro ukončení: Př.:
…ukončí řádek.
…vytvoří horizontální čáru. Struktura HTML dokumentu: Nazev dokumentu Tohle bude moje prvni WWW stranka…. Formátování HTML dokumentu: Parametry tagu : volba barvy pozadí, písma, odkazů,… background obrázek na pozadí bgcolor barva pozadí text barva textu link barva odkazu (před navštívením) vlink barva odkazu (po navštívení) alink barva odkazu (při kliknutí na odkaz) Příklad: Tagy pro oddělení odstavců:
konec řádku
vodorovná čára Tagy pro formátování textu: kursíva tučné písmo psací stroj dolní index horní index 
                 ponechává text v původním tvaru

velllllké písmo

malé písmo
centrování textu
blikající text …(font): Funkce: Slouží k nastavení velikosti a barvy textu. Př.: Barevny text Barvy: Barevná škála RGB: každou barvu můžeme vytvořit kombinací 256 odstínů červené (R = red), 256 odstínů zelené (G = green) a 256 odstínů modré (B = blue). Barvu tedy zapisujeme pomocí 3 čísel odstínů, čísla leží v intervalu 0 až 255 (čím nižší číslo, tím tmavší barva, 0 = černá). Číslo odstínu se zapisuje v šestnáctkové soustavě (kde 255 = FF) => každý odstín zapíšeme pomocí dvouciferného čísla v intervalu 0 až FF. Obecný zápis barvy: #RRGGBB Př.: #000000 černá #FFFFFF bílá #FF0000 červená #990000 tmavě červená #00FF00 zelená #0000FF modrá #FF00FF fialová …(image): Funkce: Nepárový tag, který zařazuje do dokumentu grafický objekt (obrázek nebo animaci). [Obrázky: V HTML dokumentech se nejčastěji používají tyto 2 formáty obrázků: gif a jpg.] Syntaxe: Atributy: alt: text, který bude zobrazen namísto obrázku u negrafických prohlížečů. align: zarovnání [bottom/middle/top] Př.: “obrazek …(hyperlink): Funkce: Zobrazení hypertextového odkazu („klikatelného textu“). Po kliknutí na barevně odlišený text se dostaneme na webovou stránku, na niž odkaz ukazuje. Syntaxe: text, který bude zobrazen Př.: Katedra biochemie

…(paragraph): Funkce: Označuje konec a začátek odstavce. Před odstavcem se automaticky vytváří mezera o výšce 1 řádku. Syntaxe:

Atributy: align: zarovná odstavec vlevo, vpravo, na střed a justify zarovná pravý i levý okraj dokumentu. Př.:

toto je první odstavec

A toto je druhý odstavec.


…(Line Break): Funkce: Zalomení řádku. Př.:

Toto je radek textu. A tady
zlomime radek.

Seznamy: