Hivatkozások = linkek
- Az Internetes oldalak legfőbb eleme az olyan szöveg vagy kép, amelyre kattintva átugorhatunk egy másik helyre.
-
- ugorhatunk egy másik oldalra
- ugrálhatunk egy oldalon belül is, kivált ha az nagyon hosszú oldal
- ugorhatunk másik weboldalra, vagy annak valamely elemére (oldal, kép,stb.)
- hivatkozással kezdeményezhetünk levélküldést, letöltést stb.
-
- Alapesetben a hivatkozásokat megtestesítő szövegrészeket a gép kék színnel és aláhúzva emeli ki, de ezt igény szerint átállíthatjuk, megváltoztathatjuk.
- A hivatkozási eljárások nem ágyazhatóak egymásba.
- A hivatkozás utasítása <A HREF = hivatkozási cím> szöveg, amire kattintani kell </A>
- pl. Ha át akarsz ugrani egy másik oldalra <A HREF = „masik.htm”> kattints </A>
Ugrás másik internetes weboldalra vagy annak valamelyik elemére
- A hivatkozás utasítása <A HREF =”http:// www.valami.hu”>szöveg, amire kattintani kell</A>
- A hivatkozás utasítása <A HREF =”http:// www.valami.hu/oldal.htm”>szöveg, amire kattintani kell</A>
- A hivatkozás utasítása <A HREF =”http:// www.valami.hu/kepmappa/kep.jpg”>szöveg, amire kattintani kell</A>
Oldalon belüli “ugrálás”
- Oldalon belüli ugráláskor célpontokat kell megadni.
- először kijelöljük a célpontokat, amelyekre később ugrani szeretnénk
- ilyenkor nem Internet címet kell megadni, hanem # -tel kezdődő célpontnevet kell írni a hivatkozásba
- pl. <A NAME=”célpontnév”></A> Ide írjuk a szöveget, amire ugrani akarunk
- utóbb erre hivatkozunk <A HREF=”#célpontnév”> ide kell kattintani </A>
- Az oldalakra való hivatkozást összevonhatjuk az oldalakon belüli ugrálással, ha egy konkrét oldal meghatározott részére akarunk ugrani kattintással
- <A HREF=”oldal.htm#célpontnév”> ide kell kattintani </A>
Hivatkozás e-mail címre
- Hivatkozhatunk e-mail címre is.
- Ekkor kattintás hatására elindul egy levelezőprogram, ahol az új levél fejlécébe bekerül a hivatkozásban megadott e-mail cím.
- pl. Ha levelet akar küldeni <A HREF=”mailto: kispistike @ emailfiok.hu”>
- kattintson ide </A>
<HTML>
<HEAD> <TITLE>Hatodik weblapom</TITLE> </HEAD> <BODY BGCOLOR=”#D8F0F8″ TEXT=”#0000FF” LINK=”#006600″ VLINK=”#0000FF” ALINK=”#FFFFFF”> <CENTER><FONT FACE=”VERDANA” SIZE=”18pt” COLOR=”red”><B>Hivatkozások</B> </FONT></CENTER> <BR> <HR> Másik weblap megnyitása <BR> <A HREF =”http:// www.diakdeak.fw.hu”>Ha ide kattintassz, egy másik weboldalt, az osztályom honlapját nyitod meg.</A> <HR> Másik weblap egy oldalának megnyitása <BR> <A HREF =”http:// www.diakdeak.fw.hu/oldalak/iskola.htm”>Ha ide kattintassz, a másik weboldal egy saját oldalát nyitod meg.</A> <HR> Egy kép megnyitása weboldalon belül <BR> <A HREF =”../kep/nagykep.jpg”>Ha ide kattintassz ezen a weboldalon belül egy képet nyitsz meg.</A> <HR> Ugrálás ugyanazon az oldalon belül <BR> <A HREF =”#CÉLPONTNÉV”>Ha ide kattintassz ezen a lapon ugrassz egyet.</A> <HR> <BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <HR> Ez itt egy <A NAME=”#CÉLPONTNÉV”>célpont</A>,majd ide ugrok az utolsó linkkel. <BR> </BODY> </HTML> |
Hova nyissuk meg az oldalt?
- Lehetőség van megadni azt is, hogy kattintás hatására a kívánt oldal hol jelenjen meg
- Ekkor <Target =”keretnév”> utasítást kell alkalmazni az </A> utasításban
- A keretnév a <FRAME> utasításban megadott NAME paraméterben megadott név
- Keretnév helyett egyéb célpontok is megadhatóak, melyeket aláhúzásjellel kell kezdeni
-
- teljes ablakban jelenjen meg a kívánt oldal <TARGET=”_top “>
- új üres ablakban jelenjen meg a kívánt oldal <TARGET=”_blank”>
- saját ablakában jelenjen meg a kívánt oldal <TARGET=” _self”>
- a kívánt oldal abban az ablakban jelenjen meg, amiből először meghívták <TARGET=”_parent”>
- Ha nem akarjuk minden hivatkozásnál külön-külön megadni hova tötődjön be a kívánt oldal, egybe a fejlécben (a HEAD részben) megadhatjuk <BASE TARGET=”keretnév”>. Ilyenkor az összes hivatkozás abba a keretbe hívja elő hivatkozási oldalát, amit megadunk a <BASE TARGET> utasításban
<HTML>
<HEAD> <TITLE>Hatodik weblapom</TITLE> <BASE TARGET=”_BLANK”> </HEAD> <BODY BGCOLOR=”#D8F0F8″ TEXT=”#0000FF” LINK=”#006600″ VLINK=”#0000FF” ALINK=”#FFFFFF”> <CENTER><FONT FACE=”VERDANA” SIZE=”18pt” COLOR=”red”><B>Hivatkozások</B> </FONT></CENTER> <BR> <HR> Másik weblap megnyitása <BR> <A HREF =”http:// www.diakdeak.fw.hu”>Ha ide kattintassz, egy másik weboldalt, az osztályom honlapját nyitod meg.</A> <HR> Másik weblap egy oldalának megnyitása <BR> <A HREF =”http:// www.diakdeak.fw.hu/oldalak/iskola.htm”>Ha ide kattintassz, a másik weboldal egy saját oldalát nyitod meg.</A> <HR> Egy kép megnyitása weboldalon belül <BR> <A HREF =”../kep/nagykep.jpg”>Ha ide kattintassz ezen a weboldalon belül egy képet nyitsz meg.</A> <HR> Ugrálás ugyanazon az oldalon belül <BR> <A HREF =”#CÉLPONTNÉV” >Ha ide kattintassz ezen a lapon ugrassz egyet.</A> <HR> <BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <HR> Ez itt egy <A NAME=”#CÉLPONTNÉV”>célpont</A>,majd ide ugrok az utolsó linkkel. <BR> </BODY> </HTML> |