Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu. 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, které je dobré zmínit.
Nezáleží na velikosti písem, je totéž co
V adresách a jménech souborů záleží na velikosti písmen, nesmějí tam být mezery a čeština.
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.
Struktura HTML Má první stránka Moje první html stránka. A nějaké další texty.
Co znamenají jednotlivé tagy: začíná a končí dokument a začíná a končí hlavičku, která se sice nezobrazuje, ale obsahuje některé důležité údaje, například a , vymezující název dokumentu (může se lišit od jména souboru) Co je mezi a , se bude zobrazovat. je tag, kterým začíná vlastní tělo dokumentu, body má atributy – barva pozadí (bgcolor), barva písma (text), Výše uvedené tagy by měl obsahovat každý html soubor. 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. Další tagy:
nepárový tag, ukončuje řádek nepárový tag, vodorovná čára – atributy – délka (width), tloušťka (size), zarovnání (align), barva (color) a bez stínu (noshade) nastavení barvy (color) velikosti (size) a fontu (face) písma
až
nadpisy (angl. heading), mají jediný atribut align; je rozlišováno šest stupňů nadpisů.
Pátek 7. září Opakování jednoduchých tagů zdrojový kód html
Zdravíme všechny přátele počítače
Ivana Matyášková tercie
vzhled stránky
Pro výběr správného fontu, který napíše všechna česká písmena použijeme tzv. Pangram (z řeckého pan gramma, „každé písmeno“) je věta či úsek textu obsahující všechna písmena abecedy. Pangram pro úplnou sadu znaků české abecedy: Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu, tanga a quickstepu Zastoupení všech českých písmen s diakritikou Příliš žluťoučký kůň úpěl ďábelské ódy.;
Pátek 14. září obrázek (angl. image), nepárový tag; do stránky se vloží obrázek načtený z jiného souboru; artibuty umístění souboru s obrázkem (src), alternativní popis (alt), šířka (width- délka nebo %), výška (height délka nebo %)…. V souboru je umístěna pouze cesta k obrázku. Přemístíme-li „html soubor“ na jiný počítač, na server v internetu apod., cesta se změní a obrázek se nezobrazí. Řešením je umístění do stejné složky s „html souborem“ a do src napsat jen název obrázku. Název by měl být bez diakritiky a jedno slovo. odkaz – vše, co je mezi těmito značkami slouží jako odkaz (text, obrázek), atributy – cíl odkazu (href)
Párový tag, který začíná a končí řádek tabulky. (TR znamená table row, čili řádek).
Tag hlavičky tabulky, je vytvořená tučným písmem uloženým na střed.
Tag buňky tabulky. Tabulka
zdrojový kód
Rozvrh hodin
1
2
3
Pondělí
Literatura
Chemie
Matematika
Úterý
Dějepis
Tělocvik
border – šířka rámečku
colspan = 3 – sloučení buněk přes 3 sloupce
cellspacing - vnější okraj buněk
rowspan = 2 - sloučení buněk přes 2 řádky
cellpadding - vnitřní okraj buněk
Tabulky lze použít také na uspořádání objektů na stránce. V tomto případě dáme border = 0
zdrojový kód
Monako, starověké knížectví s bohatou a barvitou historií, leží pod Přímořskými Alpami na Azurovém pobřeží při břehu Ligurského moře. Jeho státním zřízením je konstituční monarchie
Pátek 9. listopadu Formuláře Formulář se naučíme pouze sestavit, abychom ho mohli vyhodnotit, musíme znát jazyk PHP. Při použití metody GET se data z formuláře zobrazí v řádku adresy: file:///W:/IVT/IVTv%C3%BDuka/WWW/HTML/kvarta1/zpracuj.php?jmeno=Jana&prijmeni=B%EDl% E1&trida=tercie&krouzek=keramika&doba=druha&heslo=1234 zdrojový kód
