HTML

1. HTML Text, seznamy, tabulky

2. Formátování textu • Tučné <b>...</b> • Kurzíva <i>…</i> • Velké <big>…</big> • Malé <small>…</small> • Dolní index _… • Horní index ^… • Přeškrtnuté <s>…</s> • Podtržené <u>…</u> MOŽNO KOMBINOVAT Příklad: <b><i>text</i></b> text

3. Velikost, barva, typ • <font> … </font> Attributy • Size 1-7 (standard 3) • Color anglicky, nebo RGB #552211 • Face typ fontu musi existovat na počítači Příklad: <font size=6 color=red face=“Arial”>text</font> text

4. Odrážkový seznam <ul> <li> první položka </li> <li> druhá položka </li> </ul> • první položka • druhá položka uzavírací tag </li> je nepovinný

5. Odrážkový seznam: type <ul type=“disk”> <li> první položka </li> <li> druhá položka </li> </ul> Type: disc, circle, square • první položka • druhá položka

6. Číslovaný Seznam <ol> <li> první položka </li> <li> druhá položka </li> </ol> • první položka • druhá položka

7. Číslovaný Seznam – type <ol type=“a”> <li> první položka </li> <li> druhá položka </li> </ol> Type : 1, I, i, A, a

8. Číslovaný Seznam – malá arabská <ol type=“a”> <li> první položka </li> <li> druhá položka </li> </ol> Type : 1, I, i, A, a a. první položka b. druhá položka

9. Číslovaný Seznam -velká arabská <ol type=“A”> <li> první položka </li> <li> druhá položka </li> </ol> A. první položka B. druhá položka

10. Číslovaný Seznam -velká římská <ol type=“I”> <li> první položka </li> <li> druhá položka </li> </ol> I. první položka II. druhá položka

11. Číslovaný Seznam - malá římská <ol type=“i”> <li> první položka </li> <li> druhá položka </li> </ol> i. první položka ii. druhá položka

12. Číslovaný Seznam - start <ol start=5> <li> první položka </li> <li> druhá položka </li> </ol> 5. první položka 6. druhá položka

13. Vnoření Seznamů <ol> <li> první položka </li> <li> druhá položka </li> <ul> <li> podpoložka </li> <li> podpoložka </li> </ul> </ol> • první položka • druhá položka • podpoložka • podpoložka

14. Tabulky Tabulka má řádky a sloupce buněk tagy: <table> … </table> <tr> … </tr> <td>…</td> <th>…</th>

15. Tabulky <table> <tr>    <td>První buňka prvního řádku</td>    <td>Druhá buňka prvního řádku</td> </tr> <tr>    <td>První buňka druhého řádku</td>    <td>Druhá buňka druhého řádku</td> </tr> </table> Definice tabulky Definice řádku Definice buňky

16. Table atributy • cellpadding vnitřní okraj buněk pixely • cellspacing vnější okraj buněk pixely • border šířka rámečku buněk pixely • width šířka tabulky • height výška • background obrázek na pozadí • bgcolor barva pozadí • bordercolor barva rámečku

17. Table atributy: příklady <table width=300 border=3 cellspacing=5> … </table> <table width=50% border=0 bgcolor=“blue”> … </table>

18. TR table row • Řádek tabulky. • Musí být uvnitř elementu <table> a • smí obsahovat pouze buňky (<td> a <th>).

19. TD table data • Buňka tabulky. • Musí být umístěna v řádku <tr> • Atributy: • align: horizontální zarovnání obsahu : • left, center, right, justify • valign: vertikální zarovnání obsahu: • top, middle, bottom, baseline • rowspan: spojení buněk v řádku • počet přesahujících řádků  • colspan: spojení buněk ve sloupci • počet přesahujících sloupců

20. TH table head • Hlavičková buňka. • Chová se úplně stejně jako <td> pouze s tím rozdílem, že text je tučný a v buňkách vystředěný. • Má stejný zápis i atributy jako <td>.

21. TD,TH příklad <table border=1> <tr><th colspan=2 align=center>tabulka</th> <tr><th>mesic</th><th>plat</th> <tr><td>leden</td><td align=left>25000</td> <tr><td>unor</td><td align=left>26000</td> </table>

22. TD,TH příklad <table border=1> <tr><td>ref</td><td><a href="http://cauky.unas.cz">unas</a></td> <tr><td>obr</td><td><img src="http://cauky.unas.cz/figs/aygo.jpg"></td> </table>