HTML Text, seznamy, tabulky. Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT.

Prezentace na téma: "HTML Text, seznamy, tabulky. Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT."— Transkript prezentace:

1 HTML Text, seznamy, tabulky

2 Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT Příklad: text text

3 Velikost, barva, typ … Attributy Size1-7(standard 3) Coloranglicky, nebo RGB #552211 Facetyp fontu musi existovat na počítači Příklad: text

4 Odrážkový seznam první položka druhá položka první položka druhá položka uzavírací tag je nepovinný

5 Odrážkový seznam: type první položka druhá položka Type: disc, circle, square první položka druhá položka

6 Číslovaný Seznam první položka druhá položka 1.první položka 2.druhá položka

7 Číslovaný Seznam – type první položka druhá položka Type : 1, I, i, A, a

8 Číslovaný Seznam – malá arabská první položka druhá položka Type : 1, I, i, A, a a. první položka b. druhá položka

9 Číslovaný Seznam - velká arabská první položka druhá položka A. první položka B. druhá položka

10 Číslovaný Seznam - velká římská první položka druhá položka I. první položka II. druhá položka

11 Číslovaný Seznam - malá římská první položka druhá položka i. první položka ii. druhá položka

12 Číslovaný Seznam - start první položka druhá položka 5. první položka 6. druhá položka

13 Vnoření Seznamů první položka druhá položka podpoložka 1.první položka 2.druhá položka podpoložka

14 Tabulky buňka11buňka12 buňka21buňka22 Tabulka má řádky a sloupce buněk tagy: … …

15 Tabulky První buňka prvního řádku Druhá buňka prvního řádku První buňka druhého řádku Druhá buňka druhého řádku Definice řádku Definice buňky Definice tabulky

16 Table atributy cellpaddingvnitřní okraj buněkpixely cellspacingvnější okraj buněkpixely borderšířka rámečku buněkpixely widthšířka tabulky heightvýška backgroundobrázek na pozadí bgcolorbarva pozadí bordercolorbarva rámečku

17 Table atributy: příklady … …

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

19 TD table data Buňka tabulky. Musí být umístěna v řádku 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 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.

21 TD,TH příklad tabulka mesic plat leden 25000 unor 26000 Tabulka mesicplat leden25000 unor26000

22 TD,TH příklad ref unas obr refunas obr