4. fejezet: Kapcsolatok

Az egész internet lényege a kapcsolatok, avagy a hiperlinkek megléte. Ez a gyakorlatban azt jelenti, hogy egy sima egy objektumhoz (sima szöveg, kép vagy részlete, nyomógomb, stb.) hozzárendelhetünk az egész internetről egy másik objektumot. Ha például a saját honlapomra akarunk írni egy hivatkozást, akkor a következőt kell beírni a weblap megfelelő helyére: (htmlpelda13.html)

<a href="http://www.tferi.hu/">Adott link</a>

 

Megjelenéskor ez az "Adott link" nevű szöveg általában aláhúzva jelenik meg és a már jól ismert Windows-cursor   átalakul mutató kézzé:   . (Képek: http://tferi.hu/konyv5/html/minta12a.gif és http://tferi.hu/konyv5/html/minta12b.gif )

Tehát, mint a példán is látható, az <A> tag hivatkozást jelent. Ha simán egy egész weblapra szeretnénk hivatkozni, mint a fenti példában is, egyszerűen be kell írni a TELJES nevét. (Általában működik http és www nélkül is, de lehet, hogy némileg lassabban! Célszerű minden esetben a teljes verziót beírni, mivel így szinte biztosan jó lesz.) Némileg módosul a helyzet, ha a weblap belső felépítését is ismerve nem az egész lapra szeretnénk hivatkozni, hanem például a "Weblapkészítés HTML alapokon" könyv kezdetére. Ekkor a helyes hivatkozás a következő lesz:

<a href=”http://tferi.hu/weblapkeszites-html-alapokon-1”>Link szövege</a>

Valamivel egyszerűbb a dolgunk, ha azon az adott könyvtáron belül szeretnénk hivatkozni, ahol a kiindulási file található, akkor elég a fájl nevét megadni. Például, ha az alábbi htmlpelda13.html-ből szeretnénk hivatkozni a korábban található htmlpelda10.html-re, akkor a következő kódot kell használni:

<a href=”htmlpelda10.html”>Azonos könyvtárban</a>

Egy adott nagyméretű fájlon belül is lehet hivatkozni, ám ekkor a sima horgonyt (anchor) kell használni. Ezt mutatja be az alábbi példa (htmlpelda14.html)

<html>

<a name=szoveg_eleje></a>Ez a szöveg eleje<br>

1.sor<br>

2.sor<br>

3.sor<br>

<a href="#szoveg_eleje">Ugrás a tetejére</a>

</html>

Ilyen esetben a fájl egy adott helyén címkét kell létrehozni (<a name=”címke”></a>), majd a kívánt helyen lehet hivatkozni erre a címkére. Fontos, hogy a hivatkozási link elé tegyünk egy # jelet.

A fenti linkeket lehet kombinálni is, így például a következő link az iskolám 2014-es végzős osztályaira mutat: http://jaky.hu/evkonyv/vegzett-tanulok#2014. Itt legelöl az iskola webhelye van (jaky.hu), majd azon belül a könyvtár (evkonyv/vegzett-tanulok), míg legvégül jön a címke. (#2014).

Kiegészítés: nem csak a megszokott html-lapokra lehet hivatkozni, hanem például képre, videóra, illetve FTP-szerverre vagy E-mail címre is. Ezen lehetőségeket mutatja be a következő fájl:

htmlpelda13

Megjegyzés! A fenti űrlapot a Google Chrome biztonsági beállításai miatt kénytelen voltam képpé alakítani, így nem lehet HTML-formátumban letölteni!

7. feladat: Írjon egy olyan fájlt, amelyben link van a szerző honlapjára (tferi.hu), a Microsoft-ra (microsoft.com) és a Google-ra (google.com)!