HTML HyperText Markup Language 3. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky 2

Obrázky — element IMG  Vlastnosti obrázků:  src URL obrázku, většinou relativní  alt popis obrázku; není-li, použije se název souboru  align způsob zarovnání  topleft  middleright  bottom vzhledem k účaří obtékání obrázku   width, height šířka a výška obrázku   border šířka rámečku kolem obrázku (implicitně 0, u odkazů 1)   hspace mezera vedle obrázku   vspace mezera nad a pod obrázkem

Použití obrázku<P> Brno je největším moravským městem. Nachází se nedaleko soutoky řeky Svratky a Svitavy. Vynikalo postupným vývojem od malé trhové osady v prostoru dnešního Starého Brna až po královské město v dnešní lokaci. Městu dominuje hrad Špilberk a biskupská katedrála na Petrově. Od 19. století je Brno pření průmyslovou aglomerací. Železniční tartě město spojují s Prahou, Olomoucí, Vídní a dalšími městy. </P>

Použití obrázku<P> Brno je největším moravským městem. Nachází se nedaleko soutoky řeky Svratky a Svitavy. Vynikalo postupným vývojem od malé trhové osady v prostoru dnešního Starého Brna až po královské město v dnešní lokaci. Městu dominuje hrad Špilberk a biskupská katedrála na Petrově. Od 19. století je Brno pření průmyslovou aglomerací. Železniční tartě město spojují s Prahou, Olomoucí, Vídní a dalšími městy. </P>

Obrázek jako odkaz <P> Brno je největším moravským městem. Nachází se nedaleko soutoky řeky Svratky a Svitavy. Vynikalo postupným vývojem od malé trhové osady v prostoru dnešního Starého Brna až po královské město v dnešní lokaci. Městu dominuje hrad Špilberk a biskupská katedrála na Petrově. Od 19. století je Brno pření průmyslovou aglomerací. Železniční tartě město spojují s Prahou, Olomoucí, Vídní a dalšími městy. </P>

Obrázek jako odkaz <P> Brno je největším moravským městem. Nachází se nedaleko soutoky řeky Svratky a Svitavy. Vynikalo postupným vývojem od malé trhové osady v prostoru dnešního Starého Brna až po královské město v dnešní lokaci. Městu dominuje hrad Špilberk a biskupská katedrála na Petrově. Od 19. století je Brno pření průmyslovou aglomerací. Železniční tartě město spojují s Prahou, Olomoucí, Vídní a dalšími městy. </P>

Tabulky - základní elementy pro tvorbu tabulek   obsah buňky   obsah buňky  Vymezení tabulky Řádky tabulky ""

TABLE - atributy - příklady """" <TABLE cols= "2" border= "2" """" width= "80%" bgColor="lightblue" align= " center " cellpadding= " 5 " > """" <TABLE cols= "2" border= "2" """" width= "80%" bgColor="lightblue" """" align="center" cellpadding= "5" rules= " rows " > """" <TABLE cols= "2" border="2" """" width="80%" bgColor="lightblue" "" "" align="center" cellpadding="5" "" rules="rows" cellspacing= " 0 " > <TABLE cols= "2" border="2" width= "80%" bgColor="lightblue">

TR - atributy  alignhorizontální zarovnání pro celý řádek  left center right justify  valignvertikální zarovnání pro celý řádek  top middle bottom  heightvýška řádku v bodech   alignhorizontální zarovnání pro buňku   valignvertikální zarovnání pro buňku   widthšířka buňky (absolutní nebo relativní)   heightvýška buňky (absolutní)   rowspanpočet sloučených řádků   colspanpočet sloučených sloupců   nowrapnezalamovat text v buňce   bgcolorbarva buňky

TD (TH) - atributy - příklady obsah buňky1 obsah buňky2 obsah buňky3 obsah buňky4 obsah buňky5 obsah buňky6 obsah buňky1 obsah buňky2 obsah buňky3 obsah buňky4 obsah buňky5 obsah buňky6 <TD align="center" width="40%" height="40" bgColor="gold">obsah buňky1 obsah buňky2 obsah buňky3

TD (TH) - atributy - příklady obsah buňky1 obsah buňky2 obsah buňky3 obsah buňky4 obsah buňky1 obsah buňky2 obsah buňky3 obsah buňky4

TR - atributy - příklady

TABLE – obsah buňky - příklady  Buňka může obsahovat jakékoliv elementy povolené v části BODY  Velikost buňky se implicitně přizpůsobuje obsahu V této buňce je odstavec textu Odkaz jinam 1.položka 2.položka V této buňce je odstavec textu Odkaz jinam 1.položka 2.položka

TABLE – obsah buňky - příklady V této buňce je odstavec textu Odkaz jinam 1.položka 2.položka

TABLE – užití tabulky pro rozvržení stránky  Rozdělení stránky na oblasti – buňky tabulky  Použití vnořených tabulek Úzkorozchodné dráhy v ČR Poslední modifikace:

TABLE – užití tabulky pro rozvržení stránky Úzkorozchodné dráhy v ČR Úvod Jindřichův Hradec - Nová Bystřice Jindřichův Hradec - Obrataň Třemešná - Osoblaha OBSAH úvodní stránky Poslední modifikace:

Formuláře  Formuláře slouží k získání informací od uživatele nebo k předání zpracovaných informací uživateli. Jsou buďto odesílány ke zpracování na server nebo zpracovávány skripty prováděnými přímo prohlížečem na straně klienta.  Struktura formuláře:  Prvky formuláře: atributy: type= " text/password/checkbox/radio/ /submit/reset/button/image/file " name= " jméno " value= " hodnota prvku " align= " top/middle/bottom/left/right " size= "počet znaků pole" checked nastavuje implicitní hodnotu maxlenght nastavuje maximální počet znaků readonlyzobrazení pole bez možnosti modifikace prvky formuláře atributy prvku FORM:name= " jméno " action= " url obslužného programu " method= " GET/POST "

Příklad stránky s formulářem Objednávka knih Vaše zákaznické číslo: Vaše zákaznické číslo: Studující: Ano Ne Plaček M:Hrady, zámky a tvrze na Moravě a ve Slezsku - 250,- Durdík T:Ilustrovaná encyklopedie českých hradů - 450,- Vlček P:Ilustrovaná encyklopedie českých zámků - 450,-

Příklad stránky s formulářem Objednávka knih Vaše zákaznické číslo: Plaček M:Hrady, zámky a tvrze na Moravě a ve Slezsku - 250,- Durdík T:Ilustrovaná encyklopedie českých hradù - 450,- Vlček P:Ilustrovaná encyklopedie českých zámkù - 450,- <INPUT type="text" name="CE" size="6" value="0">,- Kč

Formuláře atributy: name, size, multiple položka atributy: selected, value text atributy: name, rows, cols, readonly

Příklad stránky s formulářem Způsob platby: Dobírka VISA karta Paušál Způsob platby: Dobírka VISA karta Paušál

Příklad stránky s formulářem Způsob platby: Dobírka VISA karta Paušál Zde můžete napsat vzkaz: