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.

 

MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!    *****    Megjelent a Nintendo Switch 2 és a Mario Kart World! Ennek örömére megújítottam a Hungarian Super Mario Fan Club oldalt.    *****    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!