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.

 

Debrecen Nagyerdõaljai, 150m2-es alapterületû, egyszintes, 300m2-es telken, sok parkolós családiház eladó 06209911123    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    Lakatos munka- Épületlakatos munka- Haidekker kerítés - Haidekker kapu- Teraszkorlát- Lakatos munka szerelés- Hullámrács    *****    Itachi Shinden második fejezet!! - ÚJ FEJEZET - Felkerült a könyv második harmada!! Konoha.hu - KATT!! KATT! KATT!! KATT    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél 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    *****    Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - 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    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT