Co je to webová prezentace? zjednodušeně souhrn informací (textových, zvukových, obrazových.... prezentovaný v počítačové síti (většinou internetu) .....může být i intranet správná syntaxe html ntagy (párové / nepárové): n libovolný obsah n

nadpis první úrovně

n n( tohle
tohle ) natributy n n
správná struktura html n titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) Blokové elementy v HTML nP – odstavec n

vycentrovaný odstavec

nBr - zalomení řádku ntext text text
text na dalším řádku nDiv - oddíl nPre - přeformátovaný text n naddress n
Franta Knápek
Pardubice
Radlice 2
n nh1-h6 n

nadpis první úrovně

nadpis druhé úrovně

nadpis třetí úrovně

nadpis čtvrté úrovně

nadpis páté úrovně
nadpis šesté úrovně
n n nHr - vodorovná čára n n
Fyzické formátování v HTML nI – kurzíva npísmo zobrazené v kurzívě výsledek: písmo zobrazené v kurzívě n nB - tučné písmo ntučné písmo výsledek: tučné písmo n nU - podtržené písmo npodtržené písmo výsledek: podtržené písmo nSup - horní index nm2 výsledek: m2 n nSub - dolní index nH2O výsledek: H2O n nBig - větší písmo nvětší písmo výsledek: větší písmo n nSmall - menší písmo nmenší písmo výsledek: menší písmo nS - přeškrtnuté písmo npřeškrtnuté písmo výsledek: přeškrtnuté písmo n nBlink – blikání nblikající písmo výsledek: blikající písmo n nFont – písmo n text jakýkoliv n npříklad n HTML kódy na pozadí natribut bgcolor n HTML kódy na pozadí - barvy

Tato stránka bude mít zelené pozadí...

Pomocí hexa kódu n HTML kódy na pozadí - barvy

Tato stránka bude mít takovéhle #003366 pozadí...

Obrázek na pozadí n HTML kódy na pozadí - obrázek

Tato stránka bude mít na pozadí obrázek... Seznam nli /položka seznamu/ nnepovinně párový n nul /odrážkový (nečíslovaný) seznam/ n nol /číslovaný seznam/ n n n n nečíslovaný seznam natribut Type n n Atribut type se používá k nastavení druhu odrážky na výběr jsou tři puntík,kolečko a čtverec Hodnoty jsou disc(puntík), circle (kolečko), square(obdélník). Type se může zapisovat v ul i li. n n n

Číselný seznam nType - atribut n U číselných seznamů se atribut type používá k nastavení druhu číslic hodnoty jsou: 1(normální číslování), A(velká písmena), a(malá písmena), I(římské číslice), i(malé římské číslice).Type se může zapisovat v ol i li. nStart - atribut n Atribut start se používá k změně počátečního čísla nebo písmena. Odkazy nA - odkaz n A je párový tag obsahuje atributy bez kterých by nefungoval. Jako text odkazu se zobrazí to co je mezi tagy a můžete zadat text nebo i obrázek který bude sloužit jako odkaz.. Atribut Href (cesta) nTento atribut se používá k zadání URL( co je to url = adresa ) jeho hodnotou je cesta k souboru může se použít absolutní nebo relativní. jako absolutní se uvede např. http://www.seznam.cz Na začátku musí být to http:// jinak by to fungovalo jako relativní v relativní adrese se může napsat pouze jméno souboru např. stranka.html pokud je stránka v dalším pod adresáři použije se ve tvaru adresar/stranka.html atribut target nAtribut target se používá k nastavení okna v kterém se bude stránka načítat se využije hlavně s rámy které dokážou okno stránky rozdělit na několik částí. Např: n_blank (nové okno) n_self (totéž okno) protokol mailto nPro odkaz na e-mail musíte zadat jiný protokol pro odkaz se použije protokol mailto: existují další (gother, telnet, file, ftp). Atribut NAME nNeboli záložka n nPři odkazování na záložku se před jméno záložky doplní znak #. n noznačený text nadpisu odkaz na nadpis n n Vložení obrázku nImg - obrázek n Obrázky se vkládají na stránku nepárovým tagem img možné grafické formáty jsou gif, jpeg, png. Pomocí tagu img také můžete na stránky vložit video ale musíte zaměnit atribut src za dynsrc. Atribut src nSrc - cesta k souboru n U obrázků je src nejdůležitější atribut, jako jeho hodna se uvádí cesta k souboru může se použít relativní i absolutní. n Atribut alt nAlt - popis obrázku n Atribut alt slouží jako alternativní text zobrazuje se pokud se nezobrazí obrázky nebo po najetí na obrázek ve žluté bublině, jako hodnota se používá popis obrázku. n popis obrázku Width a height - šířka a výška natribut šířky a výšky, udává se v pixelech Tabulky nNa internetových stránkách se tabulky používají ve dvou případech: n1) Jestliže je potřeba udělat klasickou tabulku. n2) Jako pomůcka pro úpravu stránek, když je něco potřeba někam umístit (např. sloupcová sazba). n Nejjednodušší tabulka n
Obsah buňky Další buňka
levá spodní pravá spodní
Co znamenají jednotlivé tagy: n n Párový tag, který začíná tabulku. n n Párový tag, který začíná a končí řádek tabulky. (TR znamená table row, čili řádek). n
n Tag buňky tabulky. Tag pro hlavičkové pole n n se dá použít namísto , ale znamená to hlavičkové pole. Obsah bývá tučný a zarovnaný na střed. Používání této značky se doporučuje kvůli automatickému zpracování textu Atributy v tabulkách nborder n atribut tagu , který nastavuje šířku vnějšího rámečku kolem tabulky (v obrazovkových bodech); kdyby bylo border="0", nevykreslí se ani vnitřní mřížka ncellpadding n vnitřní okraj buněk (v pixelech), čili vzdálenost textu od rámečku. Taktéž atribut tagu
ncellspacing n vnější okraj buněk (vně rámečku) Příklad zobrazení border, cellpadding a cellspacing n nVšechno, co je v HTML souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. její konec.