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.

 

Itachi Shinden harmadi fejezet!! - ÚJ FEJEZET - Felkerült a könyv harmadik harmada!! Konoha.hu - KATT!! KATT! KATT! KATT    *****    MAGYAR HIMNUSZ GITÁRON    *****    KONOHA.HU | Naruto rajongói oldal! Olvass, tanulj, nézd az animét! 2026-ban is a KONOHA.HU-N | KONOHA.HU | KONOHA.HU | K    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA///PREKAMBRIUM.GPORTAL.HU /// PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    Naruto rajongói oldal | konoha.hu | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA.HU |    *****    NSYNC - a fiúbandák korszakának egyik legmeghatározóbb csapata a Bye Bye Bye elõadói - nosztalgiária fel    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA///PREKAMBRIUM.GPORTAL.HU /// PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    ACOTAR Fanfiction: Velaris, a második otthonom    *****    AGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, ÉS KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    Naruto rajongói oldal | konoha.hu | Boldog újévet kívánunk nektek KONOHÁBÓL!!! | KONOHA.HU | KONOHA.HU | KONOHA.HU |    *****    Debrecen Nagyerd&#245;aljai, 150m2-es alapterület&#251;, egyszintes, 300m2-es telken, sok parkolós üzlethelyiség eladó 06209911123    *****    ACOTAR Fanfiction: Velaris, a második otthonom    *****    LITERATURES SUBPAGE /// VERSEK ÉS TÖRTÉNETEK EGY HELYEN ///LITERATURES.GPORTAL.HU///LITERATURES SUBPAGE    *****    Naruto rajongói oldal | konoha.hu | Látogass el konoha falujába | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA.HU | KONOHA    *****    Turbózd fel a kreativitásod! Prémium grafikai források a PNG Tree-n.    *****    Anime tematikájú Cinematic trance zene és látványvilág Arcadia fantáziavilágában és még sok más videó a chanelen    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA///PREKAMBRIUM.GPORTAL.HU /// PREKAMBRIUM //// A TUDÁS BIRODALMA