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

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.


4 Použití obrázku

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.


5 Obrázek jako odkaz

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.


6 Obrázek jako odkaz

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.


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

8 TABLE - atributy - příklady """"

""""
""""
""""
"> TABLE - atributy - příklady """" """"

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

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:

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:

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,- ,- 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