Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
ZveřejnilJakub Konečný
1
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
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
3
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>
4
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>
5
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>
6
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>
7
Tabulky - základní elementy pro tvorbu tabulek obsah buňky obsah buňky Vymezení tabulky Řádky tabulky ""
8
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">
9
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
10
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
11
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
12
TR - atributy - příklady
13
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
14
TABLE – obsah buňky - příklady V této buňce je odstavec textu Odkaz jinam 1.položka 2.položka
15
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: 15.3.2000
16
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: 15.3.2000
17
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 "
18
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,-
19
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č
20
Formuláře atributy: name, size, multiple položka atributy: selected, value text atributy: name, rows, cols, readonly
21
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
22
Příklad stránky s formulářem Způsob platby: Dobírka VISA karta Paušál Zde můžete napsat vzkaz:
Podobné prezentace
© 2024 SlidePlayer.cz Inc.
All rights reserved.