Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

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.

Podobné prezentace


Prezentace na téma: "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."— Transkript prezentace:

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:


Stáhnout ppt "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."

Podobné prezentace


Reklamy Google