Technologie pro publikování na webu 1 Ing. Jiří Štěpánek.

Prezentace na téma: "Technologie pro publikování na webu 1 Ing. Jiří Štěpánek."— Transkript prezentace:

1 Technologie pro publikování na webu 1 Ing. Jiří Štěpánek

2  číslované (ordered list)  Jednotlivé položky (list item) ▪ vlastní číslování: „value“  nečíslované (unordered list)  Jednotlivé položky opět (list item) ▪ vzhled odrážek lze měnit (příp. odrážku skrýt)  seznam definic (definition list)  obsahem jsou položky definice ▪ mají řádkový obsah  a po každém je vždy vysvětlení ▪ má blokový (víceřádkový) obsah

3 XHTML kód: Položka 1 Položka 2 Položka 3 V prohlížeči se zobrazí: Položka 1 Položka 2 Položka 3

4 XHTML kód: Položka 1 Položka 2 Položka 3 V prohlížeči se zobrazí: 1. Položka 1 2. Položka 2 3. Položka 3

5  nečíslované (unordered list)  nezáleží na pořadí položek  např. seznam požadavků či vlastností  číslované (ordered list)  záleží pořadí položek  např. postup činnosti, pořadí kritérií, výsledky soutěže, požadavky řazené dle důležitosti, apod.  položky čísluje automaticky prohlížeč  seznamy lze vnořovat pro vytvoření struktury  i do a naopak  vložený seznam je vložen v položce nadřazeného seznamu

6  Slouží výhradně k prezentaci dvourozměrných dat  Bývávaly zneužity k definici rozložení stránky, takové použití je nepřípustné  Tabulka:  Název tabulky:  Řádek: ▪ Buňka: ▪ Buňka záhlaví:

7 Příklad kódu tabulky Text popisku tabulky Roční zisk Pokles/nárůst Pobočka 1 6,3 mil +11,5%

8 Pobočka 2 +15,2 mil 16,7% Pobočka 3 4,5 mil -8,5%

9 Roční zisk Pokles/nárůst Pobočka 1 6,3 mil +11,5% Pobočka 2 15,2 mil +16,7% Pobočka 3 4,5 mil -8,5%

10 Tabulka (kostra tabulky) Řádek tabulky Buňka Záhlaví sloupce (buňka) - Obsah této buňky (hlavičky) se zobrazuje v různém formátu v závislosti na prohlížeči

11 Titulek tabulky - Formát popisku je implicitně také závislý na prohlížeči Záhlaví tabulky - Ohraničuje skupinu řádků tabulky, považovaných za její hlavičku - Slouží pro opakování hlavičky při vícestránkových výstupech - V tabulce může být použito jen jednou - Záhlaví tabulky není v XHTML 1.0 povinné, ale je vhodné

12 Zápatí tabulky - Obdoba záhlaví tabulky - Koncovou značku lze vynechat Oddíl tabulky - Vytváří samostatný oddíl tabulky - Oddíly se nemohou prolínat - Oddíl může obsahovat pouze řádky, tvořené elementem - V prohlížeči se vizuálně oddělí jednotlivé oddíly - Koncovou značku lze vynechat

13 align … horizontální zarovnání vůči nadřazenému elementu border … ohraničení tabulky cellspacing … prostor mezi buňkami tabulky cellpadding … prostor mezi okrajem buňky a jejím obsahem width … šířka tabulky (lze zadat absolutně v pixelech nebo relativně v %)

14  Slouží k reprezentaci 2D dat  V žádném případě se nezneužívá k tvorbě rozvržení stránky  Měla by mít více jak jeden řádek i sloupec, jinak postrádá smysl  Oddíly tabulky (hlavička, tělo, patička) je doporučeno používat