- hiperhivatkozás (ugrópont) készítése
- egyszerű szövegről
- képről
- könyvjelző létrehozása
- <a>...</a> -> hiperhivatkozás (ugrópont) létrehozása az egyes objektumok között
- 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.
- 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.
- 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.
- A harmadik feladatban -> hiperhivatkozást hozunk létre képről.
- 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.
![]() |
![]() |
Forrás:
![]() |
![]() |
![]() |
- 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.
- 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.
- 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!
![]() |
![]() |
Mr. Bean | Elvis Presley |