1 / 18

HTML elemek Linkek, táblázatok és képek

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 /. Listák készítése. Listák készítése. Egymásba ágyazott lista. Rendhagyó rendezett listák 1. kezdőszám megadása.

kane-dale
Download Presentation

HTML elemek Linkek, táblázatok és képek

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. HTML elemekLinkek, 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. Listák készítése

  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 MozzilaFirefox 15.0.1.-ben nem működik!GoogleChrome 25.01364.97m

  8. Meghatározás-listaegy fogalomhoz - egy meghatározás

  9. Meghatározás-listaegy 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. Cellák egyesítése <tableborder="1" cellspacing="0" cellpadding="10" align="center"> <caption>Böngészők statisztikája 2011. első negyedévben</caption> <tr> <th>&nbsp;</th> <th colspan="3" bgcolor="#5e5e5e">negyedév</th> </tr> <tr> <th bgcolor="#bbbbbb">hónap</th> <th bgcolor="#bbbbbb">január</th> <th bgcolor="#bbbbbb">február</th> <th bgcolor="#bbbbbb">március</th> </tr> <tr> <th bgcolor="#bbbbbb">Firefox 3.6</th> <td>42.89 %</td> <td>43.41 %</td> <td>42.17 %</td> </tr> <tr> <th bgcolor="#bbbbbb">Internet Explorer 8</th> <td>19.05 %</td> <td>19.18 %</td> <td>18.75 %</td> </tr> <tr> <th bgcolor="#bbbbbb">Chrome 8/9</th> <td>13.16 %</td> <td>13.87 %</td> <td>14.93 %</td> </tr> <tr> <th bgcolor="#bbbbbb">Internet Explorer 7</th> <td>7.59 %</td> <td>7.54 %</td> <td>7.21 %</td> </tr> </table>

  16. Á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 = tablehead = táblázatfej (ez nem egyenlő a táblázat címmel)tbody = table body = táblázattörzstfoot = tablefoot = táblázat lábléc

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

More Related