Tvorba webových stránek - tabulka

Prezentace na téma: "Tvorba webových stránek - tabulka"— Transkript prezentace:

1 Tvorba webových stránek - tabulka
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_023.ICT.34 Tvorba webových stránek - tabulka

2 OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34
Číslo projektu: CZ.1.07/1.5.00/ Šablona: VY_32_INOVACE Číslo DUMU: 023.ICT.34 Předmět: Informační technologie Název materiálu: Tvorba webových stránek – tabulka Autor: Jaroslav Fišer Formát: Prezentace Microsoft Powerpoint  Velikost: 328 kB Stupeň a typ vzdělávání: SŠ – odborné vzdělávání Licence k obrazovému materiálu: CC BY Datum vytvoření: Klíčová slova: HTML, www, web, internet Anotace: úvod do HTML, tabulka - základní struktura HTML stránky, navazuje na DUM 021, 022.ICT.34 OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34

3 Tvorba webových stránek - tabulka
Tabulka je mocná základní struktura HTML. Tabulka se skládá z řádků a každý řádek se skládá z buněk. Do buňky lze vkládat další HTML struktury: text, hyperlinky, obrázky, seznamy, další tabulky. Ke každému tagu lze přidat atributy a tak vytvářet tabulku podobnou tabulce v textovém editoru. OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34

4 Tvorba webových stránek - tabulka
Základní HTML kód tabulky: <table> <tr> <td></td> </tr> </table> <table> uvozuje tabulku a určuje vlastnosti, platné pro celou tabulku. <tr> definuje řádek a jeho vlastnosti. <td> vymezuje obsah buňky a vlastnosti Poznámka: <th></th> buňka v hlavičce   (pevná mezera), width, border, align, colspan, rowspan ( atributy , viz HTML kód uvedený v příkladu). OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34

5 Tvorba webových stránek - tabulka
Úkol 1. Do souboru index.htm vytvořeném v předchozím DUMu přidejte následující HTML kód dle vzoru. Soubor uložte a otevřete v internetovém prohlížeči. Prozkoumejte HTML kód (tag <th> a atributy border, width,colspan, align). . <b>Tabulka</b> <i> (zde zobraz datum vytvoření)</i><br /> <table border="3" width="100%"> <tr> <th colspan="7">Rozpis hodin tréninku</th> </tr> <tr align="center"> <td>Pondělí</td><td>Úterý</td><td>Středa</td><td>Čtvrtek</td> <td>Pátek</td><td>Sobota</td><td>Neděle</td> <td>4</td><td>3</td><td>2</td><td>1</td> <td>0</td><td>4</td><td>3</td> </table> <hr /> OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34

6 Tvorba webových stránek - tabulka
Vytvořený výřez obrazovky: :00 Tvorba webových stránek - tabulka Snímek po splnění úkolu 1 OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34

7 Tvorba webových stránek - hyperlink
Doporučené odkazy: Použité zdroje: Veškerý obsah včetně obrázků je dílem autora. OA a JŠ Jihlava, VY_32_INOVACE_023.ICT.34