Menu 

> Begin

> Animaties


 

 Meer 

> Avatars

> Smilies

> M-Cards

> Themes

> GSM wallpapers

> Diddle plaatjes

> Scripts

> Games

> Cursus html

> Contact

 

 

 Advertenties 
 


 

  Animatiegifjes.stophier.nl alles voor de webmaster !!

Links Maken

Hyperlinks (=links) maken het World Wide Web tot dat wat het is. Zonder links zouden alle files op het web gesoleerd zijn en zou je alleen een pagina bezoeken waarvan je het adres wist. Door links zijn een enorme hoeveelheid files op het web aan elkaar gekoppeld en is het mogelijk op je pagina te verwijzen naar (delen van) andere pagina's op je site, maar ook naar pagina's en bestanden van een totaal andere site.

Nu gaan we dus kijken hoe je links maakt met HTML. De link tags in HTML zijn: <A> als begintag, de eindtag is dan </A>.

Achtereenvolgens komt aan bod:

  • Het linken naar bestanden op je eigen site
  • Het linken naar bestanden elders op het web
  • Afbeeldingen als links gebruiken
  • Tenslotte komt de e-mail-link aan bod

Linken naar bestanden op je eigen site

Er zijn twee soorten links die onder deze categorie vallen:

1. Linken naar bestanden op een andere pagina van je site.
2. Linken naar een bepaald gedeelte op een pagina.

Het is bij deze bestanden niet nodig om bij de links "http:// " en "www." toe te voegen, aangezien de bezoeker zich al op je site bevindt en hij alleen doorgestuurd hoeft te worden naar een ander bestand op dezelfde server.

ad 1.

Een link naar een bestand op een andere pagina van je site maak je als volgt.

Je begint met de A tag en vervolgens voeg je hier het attribuut href aan toe. Href staat voor Hyper Reference en definieert het adres waar men naartoe gebracht wordt nadat op de link is geklikt.

Daarna type je de naam van het bestand/de pagina waar je naar toe wilt linken. Bijvoorbeeld index.html. Nu verwijs je dus naar het bestand index.html. Dit bestand moet dan wel in dezelfde directory staan als het bestand waarin je de link plaatst. Heb je het bestand in een directory die daar "onder" staat (oftewel in een subdirectory) dan krijg je zo'n soort link:

diversen/index.html.

Nu stuur je de bezoeker naar de onderliggende subdirectory: "diversen" en het bestand "index.html" dat daar in staat.

Staat het bestand in een directory "boven" het bestand waarin je de link plaatst dan schrijf je deze link:

../index.html.

Hier wordt verwezen naar het bestand "index.html" in de bovenliggende directory. Met de twee puntjes gaat de browser naar de bovenliggende directory.

Je kunt ook verwijzen naar een bestand in een directory die boven de huidige directory ligt. Dat gaat met:

../etcetera/index.html.

Nu wordt met de twee puntjes eerst weer een directory omhoog gegaan. Vervolgens wordt in de directory "etcetera" die zich daar bevindt, het bestand "index.html" gepend.

Nog even alles op een rij:

<A href="index.html">Met deze link verwijs je naar het bestand "index.html" in dezelfde directory.</A>

<A href="diversen/index.html">Nu verwijs je naar het bestand "index.html" dat zich in de subdirectory "diversen" bevindt.</A>

<A href="../etcetera/index.html">Ook nu verwijs je weer naar het bestand "index.html", maar nu bevindt het zich in een bovenliggende directory met de naam "etcetera".</A>

Nog n belangrijk ding: de tekst die je tussen de <A..> en </A> tags plaatst, is de link-tekst. Deze wordt standaard onderstreept weergegeven en als erop geklikt wordt, wordt de link geactiveerd.

ad 2.

Soms kan het handig zijn om een bezoeker gelijk naar een bepaald gedeelte op een pagina te verwijzen. Denk aan een lange pagina met veel tekst. Het is dan ideaal om een link naar een specifieke paragraaf te kunnen opnemen.

Hiervoor dient het attribuut name.

Je zet de tag <A name="de naam">De tekst waar je naar toe linkt</A> bij het gedeelte waar je naar toe wilt linken.
Dan gebruik je de tag <A href="#de naam">Hier komt de link-tekst</A> daar waar je de link wilt plaatsen.

Even een voorbeeld:

Als je hier klikt, ga je naar de tekst "Linken naar bestanden op je eigen site" hierboven op deze pagina.

Bij de tekst waar ik naar wil linken heb ik dit geplaatst:

<A name="tekst">Links naar bestanden op je eigen site:</A>

En de link zelf heb ik als volgt gemaakt:

<A href="#tekst">hier</A>

Linken naar bestanden elders op het web

Linken naar een bestand op een totaal andere website is vrij eenvoudig.
Je gebruikt natuurlijk weer de tags <A> en </A>.
Nu moet je wel "http://" en "www." toevoegen aan het link-adres, want nu verwijs je naar een bestand op een andere server.

Een voorbeeld:

<A href="http://www.hetadres.nl/index.html">De link-tekst hier!</A>

Met deze link verwijs je dus naar het bestand "index.html" wat een onderdeel is van "http://www.hetadres.nl/".

Het attribuut "target"

Nu nog iets over het attribuut target.
Dit attribuut wordt vooral gebruikt in pagina's met frames (waarover later meer), maar kan ook gebruikt worden in normale pagina's.

Het attribuut target kan vier verschillende waarden hebben:

_blank
Zorgt ervoor dat de link in een nieuw browserscherm geladen wordt.
_self
Link wordt in hetzelfde browserscherm geladen.
_parent
Laadt de link in de bron van het document.
_top
Laadt de link in het gehele scherm. Alleen van belang bij frames.

Zo zien de tags er dus uit als je het "target" attribuut gebruikt met n van de vier bijbehorende waarden:

<A href="http://www.voorbeeld.nl/" target="_blank">Zo wordt de link in een nieuw browserscherm geladen</A>

<A href="http://www.voorbeeld.nl/" target="_self">Zo wordt de link in hetzelfde browserscherm geladen</A>

<A href="http://www.voorbeeld.nl/" target="_parent">Zo wordt de link in de bron van het document geladen</A>

<A href="http://www.voorbeeld.nl/" target="_top">Zo wordt de link in het hele scherm geladen (alleen voor frames-pagina's)</A>

Afbeeldingen als links gebruiken

Je kunt ook afbeeldingen als link gebruiken. Deze heten dan clickable images.
Het maken van de link-tag verschilt niet veel van wat je hierboven geleerd hebt. Alleen gebruik je nu in plaats van de onderstreepte link-tekst, het adres van de afbeelding.

Afbeeldingen komen pas in een volgende les aan de orde. Meer over het gebruik van afbeeldingen kun je dus hier lezen.
Toch is het handig om nu alvast aan te geven hoe je een afbeelding als link kunt gebruiken.

Voor nu volsta ik dus met het weergeven van de tag:

<A href="http://www.voorbeeld.nl/"><IMG src="afbeelding.gif"></A>

Op de plaats waar nu "afbeelding.gif" staat, vul je het adres in van de afbeelding in die je gebruikt voor je link. Meestal is dit een .gif of .jpg (.jpeg) bestand.

E-mail Link

Deze links worden ook wel mailto links genoemd. Deze link verschijnt als elke andere link, maar wanneer er op geklikt wordt, kan de bezoeker een e-mail aan je sturen.

Een mailto link maak je als volgt:

<A href="mailto:jouw@emailnaam.nl">Stuur me een e-mail!</A>

De tekst: "Stuur me een e-mail!" wordt weergegeven als de link-tekst.

Einde Les Vier

De belangrijkste dingen over links op je pagina zijn nu wel behandeld.
Nu kun je links naar pagina's op je eigen site maken, links naar andere websites, en e-mail links.
Dus nu kan jouw site ook echt een draad worden in het World Wide Web.

Maar er is nog veel meer te leren in de volgende lessen. :)

 

 

 

 Linkpartners 
Gifs.nl
Animatieplaatjes.nl
Animatiesite.nl
Bewegende Plaatjes

 

 
2007 © copyright stophier.nl en partners


 

 

hier vind je van alles voor je website, animatieplaatjes, winks voor msn, muggins, achtergronden, dynamische achtergronden, dynamische schermafbeeldingen, emoticons, bewegende plaatjes voor msn, foto's, packs,  msn plaatjes, leuke plaatjes, gratis, plaatjes, animatiegifjes, gifplaatjes, cliparts, gifs, gifjes, animatie, animaties, plaatjes, bewegendeplaatjes, afbeeldingen, mini movies, animatiegifs, animated, kerst plaatjes, kerst emoticons, kerst gifjes, kerstplaatjes, emoticons, msn, avatars, knoppen, jpeg, gif, emailgifs, valentijn, photoshop, html hulp, website hulp, games, online games, php, website, frontpage, dhtml, cgi, css, homepage, internet, schnappi wallpapers, schnappi, diddl plaatjes, pokemon plaatjes, money, drop, chips, beroemd, artiesten, babes, regenboog, sesamstraat, winnie the pooh, kauwgom, olifanten, diamanten, gefeliciteerd, mobiel, gsm, cupido, ezels, straaljagers, vliegtuigen, leger, army, uilen, lieveheersbeestje, stophier, grappige plaatjes, emoticons, schnappi, vraagtekens, hartjes, wietblaadje, wiet plaatjes, astma, disney, katten, carnival, paarden, glitter, blade trinity, roller, rollerskates, snow, fantasy, vuurwerk, javascript, download, poll, opa, knoppen, frontpage,  oma, vader, moeder, pimboli, ogen, vingers, oren, haren, kam, borstel, shampoo, douche, poppetjes, artikelen, jpeg, zeehonden, voetbal, klokken, neon, merken, vuur, wiskunde, hulpmiddelen, lijnen, turnen, gymnastiek, strand, zee, palmen, reizen, baby, kinderen, skateboarden, auto, m-cards, wallpapers, themes, rugby, tips, trucs, beltoon, badminton, zeehonden, wapens, waterval, beltonen, mini movies, true tones, wallpapers, screensavers, monofoon, polyfoon, anoniem sms, bijbel, feest, zwanger, hamsters, kappers, vuurwerk, firework, disco, yahoo, free, create avatar, anime, high, neopets, letters, wereldbol, nieuw, new, jarig, pinkpanter, skeletten, doodskop, skelet, poll, international, chat, kerst, love, nl, pagina, romantische plaatjes, hardcore, naam, beren, groeps sms, rozen, ridders, icoontjes, slapen, opstaan, bed, wekker, kaars, koffie, melk, dressuur, downloads, icon, generator, gekke, sneeuw, sint nicolaas, bloemen, tiener, lonsdale, treiter sms, gsm, chipz plaatje, dynamo, id, cu2, webmaster, frontpage, links, tips, truuks, html, popup, frames, comic, mms, outlook, logo, ringtone, polyph, inuyasha, avatarmagic, evil,  avatar maker, contest, gaia, secret, puma, games, pop, up, popup, pop-up, window, java, java script,messenger, javascript, javascripts, html, lessen, tutorials, gratis, PHP, ASP, MSQL, MySQL, SQL, PHP, wallpapers, bewegende msn plaatjes,stophier gifs, movie, kappers, rozen,  film, bioscoop,  avatars, bewegende avatars,  Animaties, bewegende plaatjes, afbeeldingen, fantasy, welkom, humor, msn, vieze, cadeautjes, animatieplaatjes, gifplaatjes,  smilies, smileys, adelaars, animaties, patat, snacks, kroket, limonade, koelkast, pen, monitor, muis, kabels, stoep, straat, stranden, palmen, dobberen, luchtband, brood, champagne, aansteker, sigaretten, pucca, shag, animatieplaatjes, graphics, art, bewegende plaatjes, avatars, bewegende avatars, babyplaatjes, barby, barbie, picture, boten, anne geddes, badminton, baby, badkamer, icon, buddy,  lasergun, millitair, licht, merken, beeldvenster, beren, gitaren, jip en janneke, kabouters, naam animaties, animaties alfabet, zwanger, spel, honden, icoontjes, achtergronden, tekst, aim smileys, ridders, emoticons,  sexy, snoopy, bijen, ballen, bloemen, boerderij, bomen, clowns, dakpannen, computer, hartjes, zonnebloem, zwaailichten, korfbal, manga, winter, wit zwart, sexy, waterval, buro, dc shoes, sports, pic, bureau, aladdin, bier, wijn, animaties polly, dhtml script, dieren, alcohol, drank, drinkbekers, babys, auto, auto's, fietsen, fiets, files, ambulance, diversen, dobbelstenen, draken, editors, email, eten en drinken, adult,  eyoor, favicon, feest, feestdagen, flowerpower, napoleon, girl, kalki, rate, press, doll maker, help,  fruit, vraagtekens,  live, journal, cute, music,  garfield, gastenboek, gereedschap, giraffen, giraf, groot, hotdog, elfjes, engeltjes, info, hello_kitty, honden, hotdog, htlm cursus, html tekens, pirate, car,  ijsje, ijsjes, insecten, insect, junglebook, jungle boek, button, gezichten, mensen, dvd, audio, dvdspeler, radio, tv, boxen, camera, rekenmachine, plakband, batterij, petje, laptop, kinderen, animated, moving, reptielen, pijlen, pizza, regen, wind, tornado, storm, neerslag,  toetsenbord, poster, stopkontakt, scanner, kerstmis, weerplaatje, stoel, sokken, broek, crying, huilen, trui, nagels, printer, rolstoel, rollator, scootmobiel, zaklamp, tent, vakantie, reizen, bungalow, caravan, spaarpot, pop, doll, lamp, bank, vloer, planken, timmerman, beroep, metselaar, verkoper, kantoor, 3d plaatjes, tattoo, stoplicht, bouwvakker, ambtenaar,  nijntje, tijgers, indianen, xxx, liefdes, verjaardag, haaien, harry potter, beweegende, ajax, fijenoord, vitesse, utrecht, amsterdam, katten, kerst, keuken, kinderen, kippen, tennis, kleuren, klokken, knorretje, koeien, koe, koffie en thee, konijnen, kungfu, globes, ijs, liefde, lion king, looney tunes, luchtballonnen, maanden, man en vrouw, mensen, mickey mouse, monster, satelliet, schotel, kom, fyenoord, hamsters, diamanten, daimonds, food, nonfood, geschenken, antennes, gratis sex plaatjes,boerderij, cool, coca cola, monsters, muizen, muziek, dj, natuur, ogen, olifanten, paarden, paard, paddestoel, paddestoelen, partners, pasen, pinguin, duivel, devil, kiss, kus,  planeten, planeet, plant, planten, custom, jabber, pooh, poppetjes, redirect, rozen, schildpadden, metatag creator, hartjes, scrollbar, skateboard, sneeuwman, ferrari,  sneeuwpop, sneeuwpret, spijkerbed, sport, telefoon, telefoons, teller, tijgertje, troep, trouwen, tuinieren, uploaden, vakantie, valentijn, vervoer, vissen, vlaggen, vlinder, vogels, landen, water, strand, weblogo, ijsberen, welkom, werk, wormen, worm, ziekenhuis, zon, plaatjes voor mijn site, plaatjes voor een website, een website opvullen met plaatjes, en veel meer!!!