Az óra tartalma:
  1. hiperhivatkozás (ugrópont) készítése
    • egyszerű szövegről
    • képről
    • könyvjelző létrehozása
Új címke:
  • <a>...</a> -> hiperhivatkozás (ugrópont) létrehozása az egyes objektumok között
Új tulajdonságok:
  • href -> értékként a hivatkozott oldal címét (url-jét) adhatjuk meg
  • target -> ezzel a tulajdonsággal határozzuk meg, hogy a link-ként megadott dolog hova töltődjön be.
  • name -> ennek a tulajdonságnak a megadásával tudunk a későbbiek folyamán konkrétan hivatkozni erre az elemre.
  • id -> feladata hasonló a "name"-hez, csak más helyen használjuk.


Mintafeladat:
Hozzuk létre az alábbi weboldalt, amelyen az általánosságbna használt ugrópontok kialakításához találsz példát.
  1. Az első feladatban -> szövegről alakítunk ki linket egy külső weboldalra (o100.hu) A hivatkozás az eredeti böngészőablakban fog megnyílni.
  2. A második feladatban -> szintén szövegről indítjuk a linket, azonban az o100.hu egy új böngészőablakban nyílik majd meg.
  3. A harmadik feladatban -> hiperhivatkozást hozunk létre képről.
  4. Végül a negyedik feladatban -> elkészítjük a "bookmark"-ot (könyvjelző), aminek a lényege: hosszabb (görgethető) szövegnél a megadott szövegpontra pozícionálja a böngészőablak bal felső sarkát.
Eredmény:

Forrás:
Gyakorló feladatok

  1. Készíts egy két oldalból álló website-ot az alábbi tulajdonságok használatával:
    • Az első oldal háttérszínét állítsd világoskékre.
    • A második oldal háttérszíne legyen rózsaszín.
    • Az első oldalon jelenjen meg az "Ugrás a második oldalra" szöveg, amit alakíts át ugróponttá. Erre kattintva jelenjen meg a rózsaszín oldal
    • A második oldalon jelenjen meg az "Ugrás az első oldalra" szöveg, amit alakíts át ugróponttá. Erre kattintva ugorj vissza az első oldalra.

  2. Az előző feladathoz hasonlóan készíts egy két oldalból álló website-ot az alábbi tulajdonságok felhasználásával:
    • Az első oldal háttérszínét állítsd világoskékre.
    • A második oldal háttérszíne legyen rózsaszín.
    • Ezután töltsd le az alábbi két képet és helyezd el őket külön-külön a két oldalon.
    • Alakítsd át a két képet ugróponttá, melyre kattintva a másik oldal jelenik meg.
    • Mr. Bean Elvis Presley

  3. Végül alakíts ki egy négyoldalas website-ot úgy, hogy mindegyik oldalról át lehessen linkelni a másik három oldalra. A hiperhivatkozásokat tetszés szerint alakítsd ki szövegről vagy képről. Ügyelj arra, hogy a négy oldal megjelenésében jól elkülöníthető legyen egymástól!
PHP Code Snippets Powered By : XYZScripts.com