KISMVITY DESIGN - képek, kellékek, kódok, tutorias, Photoshop, Photofiltre
látogató olvassa a lapot.
Navigation

*| FŐOLDAL
*| HONLAPHÍREK 
*| OLDALTÉRKÉP
*| INTERAKTÍV
*| KÉPEK
*| KELLÉKEK
*| EGY KIS HTML 
*| DESIGN 
*| KÓDOK
*| SEGÍTSÉG - TUTORIALS 
*| MUNKÁIM
*| GporTÁR 
*| PHOTOFILTRE
*| PHOTOSHOP

*| RENDELJ TŐLEM!!!
*| RENDELÉS KÜLDÉSE

 

 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
Számláló
Indulás: 2006-04-28
 
 

 







 
 
 

Untitled12d75b.jpg

HTML
HTML : *| 4. Linkeljünk

*| 4. Linkeljünk

  2009.01.16. 13:36


Mi is az a link?

Egy link vagy arra való, hogy egy HTML oldalt összekössön egy másikkal (ezért is a "link" szó egyik magyar jelentése "összeköttetés"). Egy oldal menüje is csupa linkekből áll, hisz azokon keresztül jutsz el a különböző honlaprészekre.

Most viszont elkell szakadnunk a gportáltól. Ez már valami más... Sokkal egyszerűbb lesz, majd meglátod!:) ...nem kell majd a kusza gportálos linkekkel bajlódnod!:)
Ha pl. szervered van, vagy az extrán van egy tárhelyed, és használtál már FTP-t, tudod, hogy van ott egy ROOT könyvtár. Ide teszed fel a dolgaidat...
Ez lesz a gyökérkönyvtár... Ott van már az index.html!:)

Link készítése

A link is egy nyitó-, és zárótagból áll, és (mint már megszoktuk) ezek körbezárják azt a részt, amiből lesz a link. Az a-betűs tag szimbolizálja a linket (az angol anchor szónak a rövidítése, magyarul annyit jelent, hogy horgony).
Eddig csak egy oldalunk van, az index.html. Most készíts egy másikat, ahogy tanultuk, html, head, body, a body-n belül formatált szöveg, és hív mondjuk oldal.html-nek. Rakj a body-ba egy linket is, ez így néz ki:

<a href="oldal.html">Link szövege</a>

És mentsd el ugyanabba a mappába, amiben az index.html is van. Most nézd meg a böngésződben az index.html-t, és kattints a linkre... hoppá! Megjelenik az oldal.html!

Látod, hogy a nyitó és záró tag körbezárja a szöveget, és hogy van egy fura href a nyitó tagban. Ez a link legfontosabb része, itt "linkeled" a másik oldalt. A zárójelek közt van a másik oldal helye, és fájlneve. Ha a linkelt oldal ugyanabban a mappában van, mint az az oldal, amihez linkeled, akkor elég csak a fájlnevet megadni (mint a fenti példában). Ha viszont egy másik mappában van az oldal, akkor a mappa nevét is meg kell adni. Lássuk ezt pontosabban: Ugye eddig minden fájlt a "honlap" mappába mentettél. Most készíts a honlap mappán belül egy "mappa1" mappát, és oda mentsd le az oldal.html-t. Ha most linkelni szeretnéd az oldal.html-t az index.html-en, akkor ezt kell írnod:

<a href="mappa1/oldal.html">Link szövege</a><BR>

Mert ugye a mappa1 nevű mappában van az oldal.html. Az mappa1 nevű  mappa nyílik
a gyökérből... Remélem, ez eddig érthető.

Most linkeljünk egy egész más weboldalt. Ehhez szimplán meg kell adnunk a weboldal címét, csak az a fontos, hogy ne felejtsük le az elejéről a http://-t! Így néz ki egy ún. extern link:

<a href="http://kismvity.hu">Link szövege</a>


Új ablak, vagy nem új ablak, ez itt a kérdés!

Választhatunk, hogy ha a felhasználó rákattint egy linkre, a céloldal új ablakban nyíljon-e meg, vagy sem. Ezt a target segítségével tudjuk megvalósítani (magyarul: cél, célpont), amit szintén a nyitó tagba írunk, a href előtt vagy után. Két választásunk van: A _blank, vagy a _self, előbbi új ablakban nyitja meg a céloldalt, utóbbi pedig ugyanabban. Ha nem adunk meg target-et, akkor automatikusan ugyanabban az ablakban nyílik meg a link.

<a href="http://kismvity.hu" target="_blank">Link szövege</a>

Így nézne ki egy link megadott targettel. Az extern (azaz más weboldalra mutató) linkeket érdemes új ablakban megnyitni, mert akkor a látogatók nem veszítik el a saját oldalad, hanem még mindig megmarad egy külön ablakban.

 

Homlokzati hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    A PlayStation 3 átmeneti fiaskója után a PlayStation 4 ismét sikersztori volt. Ha kíváncsi vagy a történetére, katt ide!    *****    A Bakuten!! az egyik leginkább alulértékelt sportanime. Egyedi, mégis csodálatos alkotásról van szó. Itt olvashatsz róla    *****    A PlayStation 3-ra jelentõsen felborultak az erõviszonyok a konzolpiacon. Ha érdekel a PS3 története, akkor kattints ide    *****    Új mese a Mesetárban! Téged is vár, gyere bátran! Mese, mese, meskete - ha nem hiszed, nézz bele!    *****    Az Anya, ha mûvész - Beszélgetés Hernádi Judittal és lányával, Tarján Zsófival - 2025.05.08-án 18:00 -Corinthia Budapest    *****    &#10024; Egy receptes gyûjtemény, ahol a lélek is helyet kapott &#8211; ismerd meg a &#8222;Megóvlak&#8221; címû írást!    *****    Hímes tojás, nyuszipár, téged vár a Mesetár! Kukkants be hozzánk!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    Nagyon ütõs volt a Nintendo Switch 2 Direct! Elemzést a látottakról pedig itt olvashatsz!    *****    Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG