1 / 22

Gyakorló feladatok a HTML5 és CSS3 témakörhöz

Gyakorló feladatok a HTML5 és CSS3 témakörhöz. Abonyi-Tóth Andor, ELTE Informatikai Kar. Feladatok megoldása. A feladatok megoldása során mindig a szemantikailag megfelelő tagek és paraméterek használatára törekedj!. A HTML5 legfontosabb szöveg szintű elemei témakör. Feladat.

keena
Download Presentation

Gyakorló feladatok a HTML5 és CSS3 témakörhöz

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. Gyakorló feladatok a HTML5 és CSS3 témakörhöz Abonyi-Tóth Andor, ELTE Informatikai Kar

  2. Feladatok megoldása • A feladatok megoldása során mindig a szemantikailag megfelelő tagek és paraméterek használatára törekedj!

  3. A HTML5 legfontosabb szöveg szintű elemei témakör

  4. Feladat • A feladatban szereplő link: http://hu.wikipedia.org/wiki/Boris_Becker • A feladat szövege: http://sharetext.org/23mZ

  5. Feladat • A feladat szövege: http://sharetext.org/TeGQ

  6. Kitekintés a stíluslapok használatába, tipikus szövegformázások

  7. Bekezdés igazítás • A feladat szövege: http://sharetext.org/VjU5 balra középre jobbra sorkizárt

  8. Bekezdés betűcsalád • A feladat szövege: http://sharetext.org/VjU5 serif sans-serif cursive fantasy

  9. Egyedi font • A http://www.google.com/fonts oldalon keress Neked tetsző betűcsaládot, amely támogatja a magyar ékezeteket is. Írd ki ezzel a verset! • A feladat szövege: http://sharetext.org/gjs8

  10. Betűméret állítás • A feladat szövege: http://sharetext.org/VjU5 100% 12px 150% 12pt

  11. Betű formázás • A feladat szövege: http://sharetext.org/VjU5 dőlt vastag kiskapitális Ritkított betűköz

  12. Szöveg formázás Szavak közti távolság • A feladat szövege: http://sharetext.org/VjU5 Sortávolság Csupa nagybetű

  13. Szöveg árnyékok

  14. Bekezdés behúzás • A feladat szövege: http://sharetext.org/VjU5

  15. Alá, fölé, áthúzás • A feladat szövege: http://sharetext.org/NzKd

  16. Csoportosító elemek

  17. <p>, <div> és <hr> elemek • A feladat szövege: http://sharetext.org/VjU5

  18. <pre> elem használata • A vers elérhető itt: http://www.poet.hu/vers/56198

  19. Listák használata • A szöveg elérhető itt: • http://sharetext.org/1zmY • http://sharetext.org/Wou6

  20. Ábrák (figure, figcaption) • A szöveg elérhető itt: http://sharetext.org/jPCV

  21. Ábrák (figure, figcaption) • A szöveg elérhető itt: http://sharetext.org/QY1i

  22. Vége

More Related