Programujeme v kódu HTML (Hyper Text Markup Language)

Prezentace na téma: "Programujeme v kódu HTML (Hyper Text Markup Language)"— Transkript prezentace:

1 Programujeme v kódu HTML (Hyper Text Markup Language)

2 Základy HTML Můj pokus s obrázky Zde bude text a obrázky

3 Formát podbarvení celého dokumentu (zde světle modré) red=červené, blue=modré, green=zelené, yellow=žluté,… (nebo čísla barev) Největší nadpis Nejmenší nadpis Obyčejný text tučný text kurzíva tučná kurzíva podtržený text raději nepoužíváme

4 Obrázky I. Poznámky: 1.Jedná se o nepárový tag 2.Používáme běžně jen grafické formáty jpg (fotografie) a gif (obrázky – i pohyblivé) 3.Abychom neměli na webu zmatek, raději obrázky ukládáme do zvláštní složky (např. „foto“) – zpětné lomítko napíšeme Alt+92 4.V názvech obrázků i html dokumentů nesmíme mít mezery a české znaky, název by neměl začínat číslicí

5 Obrázky II. Dejte si pozor na velikost obrázku Velikost: 1. rozlišení (v pixelech = obrazových bodech) 2. velikost, kterou obrázek zaujímá na disku Obrázek můžeme převzorkovat, tzn. změnit jeho rozlišení v pixelech; tím se současně změní i jeho velikost na disku Další možností je vytvoření obrázkové galerie (např. v komerčním programu Zoner Photo Studio)

6 Obrázky III. Zarovnání obrázků i textu: Vlevo: zarovnává se nám automaticky Uprostřed: Tento text i následující obrázek se nám zarovnají uprostřed Vpravo: podobně jako uprostřed, jen místo „center“ užijeme „right“

7 Odkazy Mohou být relativní - odkaz na jinou html stránku v mém webu: Jak na obrázky poznámka: „cesta“ k obrázku na mém webu je vlastně také relativní, ale nejedná se o odkaz: Mohou být také absolutní (např. odkaz na jiné html stránky (na jiný web): Seznam.cz