Seznamy Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy se.

Prezentace na téma: "Seznamy Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy se."— Transkript prezentace:

1 Seznamy Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy se dělí na: Seznamy se dělí na: Odrážkové (nečíslované) Odrážkové (nečíslované) Číslované Číslované Odrážkové seznamy se vkládají pomocí párové značky... Odrážkové seznamy se vkládají pomocí párové značky... Číslované seznamy se vkládají pomocí párové značky... Číslované seznamy se vkládají pomocí párové značky...

2 Seznamy Položky seznamů se uzavírají mezi a Položky seznamů se uzavírají mezi a V seznamech se nesmí nacházet žádný prvek mimo značky. V seznamech se nesmí nacházet žádný prvek mimo značky. Pomocí CSS je možno změnit styl seznamu na jiný. Pomocí CSS je možno změnit styl seznamu na jiný. Seznamy lze i vnořovat, což lze využít například na vytvoření menu bez použití skriptování. Seznamy lze i vnořovat, což lze využít například na vytvoření menu bez použití skriptování.

3 Číslovaný seznam Číslovaný seznam se vkládá párovou značkou. Položky seznamu se vkládají párovou značkou. Číslovaný seznam se vkládá párovou značkou. Položky seznamu se vkládají párovou značkou. Příklad PříkladStránka Obr. 1

4 Odrážkový seznam Odrážkový seznam se vkládá párovou značkou. Položky seznamu se vkládají párovou značkou. Odrážkový seznam se vkládá párovou značkou. Položky seznamu se vkládají párovou značkou. Příklad PříkladStránka Obr. 2

5 Vnořené seznamy Vnořený seznam je vlastně seznam v seznamu. Vnořovat lze libovolné typy seznamů do libovolné úrovně. Vnořený seznam je vlastně seznam v seznamu. Vnořovat lze libovolné typy seznamů do libovolné úrovně. Příklad PříkladStránka Obr. 3

6 Změna stylu seznamu Styl seznamu lze změnit pomocí CSS. Styl seznamu lze změnit pomocí CSS. Příklad PříkladStránkaStylopis Obr. 5 Obr. 6 Obr. 4

7 CSS vlastnosti pro seznamy VlastnostHodnotyVýznam list-style-type none, disc, circle, square, decimal, lower-romam, lower- alpha, upper-alpha, upper- roman změna stylu odrážek list-style-imageurl obrázku – url(název obrázku) vlastní odrážky z obrázku list-style-positionoutside, inside umístění odrážek seznamu

8 Otázky k opakování 1. Jaké typy seznamů lze vytvořit? 2. Jakým způsobem lze vytvořit číslovaný seznam? 3. Jakým způsobem se zapisují jednotlivé položky seznamu? 4. Jakým způsobem lze vytvořit obrázkový seznam?

9 Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, Roman. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 7. února 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní