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 Képek igazítása Képek igazítása <img border="2" src="kepek/kep_temakor/logo.png" width=„150" height=„50" align="middle" hspace="5" vspace="5" alt=„Drupal logó"> A Drupal egy remek tartalomkezelő rendszer, melyben könnyen dinamikus weblapelemek készíthetőek akár egyetlen kattintással.

3 Hivatkozások Talán a leglényegesebb tulajdonsága a hiperszövegnek ez, amely megkülönbözteti egy egyszerű szövegtől. Ezzel hozhatunk létre kapcsolatokat, amely az egész webre jellemző. Az adott elemhez többféle dolgot is hozzákapcsolhatunk, például egy másik oldalt, vagy egy bekezdést az adott oldalon, fájlokat, stb. A hivatkozást jelölővel hozhatjuk létre, de ebben a formában nem használjuk, mert mindenképpen adnunk kell neki egy href attribútumot, amelyben megadjuk, hogy hová mutasson a hivatkozás. A jelölő a hivatkozás szövegét határolja. A hivatkozás alapértelmezésben kék színű aláhúzott szöveg, amelyre ha rákattintunk akkor elérjük a kapcsolatot. A W3C weboldala

4 Listák készítése

5

6 Egymásba ágyazott lista

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

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

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

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

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

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

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

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

15 Feladat:

16 Megoldás: …

17

18 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 %

19 Á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

20 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: