HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:

Az előadások a következő témára: "HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:"— Előadás másolata:

1 HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei: http://www.tutorial.hu/html5-es-css3/

2 Listák készítése

3

4 Egymásba ágyazott lista

5 Rendhagyó rendezett listák 1. kezdőszám megadása

6 Rendhagyó rendezett listák 2. sorszám értékének megadása

7 Rendhagyó rendezett listák 3. visszafelé számozott lista Mozzila Firefox 15.0.1.-ben nem működik! Google Chrome 25.01364.97m

8 Meghatározás-lista egy fogalomhoz - egy meghatározás

9 Meghatározás-lista egy szóhoz több meghatározás, több szóhoz egy meghatározás

10 Táblázatok készítése

11 A fejlécek jelölése fontos Forrás: Akadálymentes weboldalak készítése (Pataki Máté)

12 A táblázatok jelölői

13 Feladat:

14 Megoldás: …

15

16 Cellák egyesítése Chrome 8/9 13.16 % 13.87 % 14.93 % Internet Explorer 7 7.59 % 7.54 % 7.21 % Böngészők statisztikája 2011. első negyedévben negyedév hónap január február március Firefox 3.6 42.89 % 43.41 % 42.17 % Internet Explorer 8 19.05 % 19.18 % 18.75 %

17 Áttekinthetőség érdkében: Nagyméretű táblázatoknál elősegíti az áttekinthetőséget a következő három jelölőelem-pár: thead = table head = táblázatfej (ez nem egyenlő a táblázat címmel) tbody = table body = táblázattörzs tfoot = table foot = táblázat lábléc

18 20-as zenei toplista készítése: 20. Röyksopp 19. Massive Attack 18. Pearl Jam 17. Primus 16. RHCP 15. U2 14. Pink Floyd 13. Kosheen … Feladatok: