Jazyk HTML

Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.

 Parametry př. Leden př. Leden  Hodnoty př. př.

Rodiče a potomci  Př SPRÁVNĚ SPRÁVNĚ ŠPATNĚ ŠPATNĚ

Návrh webu  Proč stránky tvořím?  Pro koho?  Kolik stránek budu potřebovat? Jaká bude struktura?  Vymyslet systém pojmenování

Základní části stránky..... označení typu dokumentu a verze HTML..... označení typu dokumentu a verze HTML..... začátek textu ve formátu HTML..... začátek textu ve formátu HTML..... začátek hlavičky..... začátek hlavičky titulek..... popis zobrazovaný v titulku okna titulek..... popis zobrazovaný v titulku okna..... konec hlavičky..... konec hlavičky..... začátek zobrazovaného obsahu stránky..... začátek zobrazovaného obsahu stránky obsah stránky..... konec zobrazovaného obsahu stránky..... konec zobrazovaného obsahu stránky..... konec textu ve formátu HTML..... konec textu ve formátu HTML

Tag HTML  Označuje začátek a konec dat tvořících webovou stránku..... dokument HTML </html>

Tag HEAD  Vymezuje hlavičku webové stránky, která obsahuje informace o obsahu stránky..... meta informace..... meta informace titulek >..... popis zobrazovaný v titulku okna titulek >..... popis zobrazovaný v titulku okna

Tag BODY  Obsahuje vše, co se objeví uvnitř okna prohlížeče obsah stránky obsah stránky

Komentáře  Nemají žádný vliv na vzhled stránky, po zobrazení stránky se o nich nedozvíme

Nadpisy  V HTML jsou definovány nadpisy různých úrovní, může jich být 6 text nadpisu text nadpisu

Odstavce  Prohlížeče ignorují všechny mezery a znaky konce odstavce, které jsou ve zdrojovém kódu stránky, proto je nutné přesně označit, kde mají odstavce být text odstavce text odstavce

Odřádkování  Text v odstavci se automaticky zalamuje podle velikosti okna. Když je třeba, aby text začínal na novém řádku, použijeme

Formátování textu  Tučné písmo <b>text</b>  Kurzíva text text  Podtržené písmo text text  Neproporcionální písmo text text

Formátování textu  Přeškrtnutí text text  Zvětšení a zmenšení písma o 1 bod text text

Formátování textu  Horní index text text  Dolní index text text

URL  URL (Uniform Resource Locator) – jednoznačné umístění zdroje Protokol ftp://ftp.stranky.cz/pub/prog.exe file:///c|/cesta/soubor.html file:///c|/cesta/soubor.html

Absolutní adresa URL  Obsahuje kompletní cestu k souboru, včetně protokolu, názvu serveru, cesty a názvu souboru  Používá se vždy, když odkazuji na soubor z jiného serveru nebo když adresa používá jiný protokol než http.

Relativní adresa URL  Popisuje umístění požadovaného souboru s odkazem na umístění souboru, který obsahuje adresu URL samotnou  Používá se pro soubory na stejném serveru => jednodušší zápis, funguje, i když stránky přesuneme

Relativní adresa URL  Př. xxx.html... soubor je ve stejném adresáři jako stránka obrazky/deticky.jpg... soubor je v podadresáři obrazky (aktuálního adresáře)../info/data.html... soubor je v adresáři na vyšší pozici ve stromové struktuře

Obrázky  formát jpg, gif, png  velikost a rozlišení  rychlost načítání  průhlednost  animace

Jak získat obrázky  Koupit nebo stáhnout už připravené  Digitalizovat nebo naskenovat fotky  Vyfotit digitálním fotoaparátem  Nakreslit v grafickém editoru  Grafické editory: Adobe Photoshop, Gimp, Irfan View, Paint Shop Pro atd.

Vložení obrázku na stránku    další parametry: alt... alternativní text width... šířka height... výška

Zarovnávání obrázků  vlastnost align, hodnoty left, right, top, middle, bottom  Ukončení obtékání textu další hodnoty left, right

Mezery kolem obrázků  Parametry hspace, vspace  Zavržené parametry, lépe nastavit pomocí stylů

Horizontální linka  Atributy:  size=“x”.....tloušťka čáry, v pixelech  width=“x”.....délka čáry, v pixelech nebo v % šířky okna  align..... zarovnávání  noshade..... čára bez stínu

Odkazy  Umožňují přecházet z jedné stránky na druhou, spouštět video nebo hudbu, stahovat soubory pomocí ftp atd. název odkazu název odkazu  Jiné formáty souboru: prohlížeč má určený program, jimž se soubor otevírá.

Odkazy  text odkazu  text odkazu  ová adresa jako odkaz text odkazu text odkazu  

Odkazy  vlastnost target Př. název odkazu název odkazu

Odkazy  Výchozí cíl odkazů na stránce Pozn. Pozn.

Záložky  Lze odkazovat na jednotlivé části dokumentu  Definice záložky: Kapitola 1  Definice záložky: Kapitola 1  Odkaz na záložku Kapitola 1  Odkaz na záložku Kapitola 1 Pozn. Je možné odkazovat i na záložky umístěné v jiném dokumentu, např. text odkazu Pozn. Je možné odkazovat i na záložky umístěné v jiném dokumentu, např. text odkazu

Seznamy  Nečíslovaný seznam …

Seznamy  Číslovaný seznam …

Seznamy  Definiční seznamy Pojem Pojem Vysvětlení Vysvětlení …

Tabulky … … Pozn. … záhlaví tabulky

Tabulky  Rámeček tabulky BORDER  Slučování buněk COLSPAN, ROWSPAN  Velikost buněk WIDTH  Odsazení textu v buňkách CELLPADDING  Vzdálenost mezi buňkami CELLSPACING