Hyperlinks maken

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:110.678Reacties: 131(Bekijken)
  Log in om zelf te reageren
 Waardering:9.6/10 (9 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Een van de dingen die het web zo handig maken zijn de hyperlinks. Hyperlinks zorgen ervoor dat je met één muisklik naar een andere locatie kunt 'surfen'. Die andere pagina kan zich op dezelfde server bevinden, maar ook aan de andere kant van de wereld. Je kunt zowel linken naar html-bestanden als mp3-bestanden, software, afbeeldingen enzovoorts.

Hoe maak ik zo'n hyperlink? We gebruiken hiervoor de tag <a>, van anchor. Deze tag op zich zegt niet veel. Een belangrijk attribuut in deze tag is "href". Deze tag vertelt de browser welk document er geopend moet worden. Neem je bijvoorbeeld een link op naar pagina.htm, dan ziet de broncode er zo uit:

<a href="pagina.htm">Een link naar het bestand pagina.htm</a>

Zet het bovenstaande in de body van je pagina. Sla de pagina op en open hem in je browser. Wat gebeurt er nu als je op de hyperlink klikt? Je krijgt een foutmelding! Logisch natuurlijk, want het bestand pagina.htm bestaat nog niet. Maak daarom eerst een pagina die je pagina.htm noemt:

<html>     
<head>
<title>Dit is dus de pagina waar je naartoe linkt</title>
</head>

<body bgcolor="#000000" text="ffffff">
<p>Dit is mijn eerste website. Met <a href="index.htm">deze link </a> ga je weer terug naar de vorige pagina
</body>
</html>

Je kunt nu dus heen en weer surfen tussen de twee pagina's. Je begrijpt dat we hier heel veel mee kunnen doen.

Zoals je al gezien hebt, is datgene wat tussen <a href="pagina.htm"> en </a> staat, de tekst die uiteindelijk als link op je site verschijnt. Vaak komt er dan een streepje onder en verandert die tekst van kleur.

Relatief en absoluut

Wat je hierboven ziet is een relatieve link. Nog een voorbeeld van een relatieve link is

<a href="mijnpagina.htm">Naar mijn pagina</a>

Relatieve links gebruik je om te linken naar pagina's binnen jouw eigen website.

Verder zijn er ook nog absolute links. Daarmee geef je een link aan die niet per se binnen jouw web valt. Link je bijvoorbeeld naar deze pagina, dan doe je dat zo:

<a href="http://www.websitemaken.be">Naar Websitemaken</a>

Verder kun je links opnemen naar bijvoorbeeld een e-mailadres. Klik je op zo'n hyperlink, dan opent de browser een nieuw e-mailbericht. In het veld waar het adres moet komen staat dan al het adres dat jij hebt opgegeven:

<a href=" mailto:mijnadres@mijnprovider.nl">Stuur mij een e-mail!</a>

Tenslotte kun je ook het onderwerp wat in de subject-regel moet komen te staan al aangeven in je link. Dat doe je met 'subject':

<a href="mailto:mijnadres@mijnprovider.nl ?subject=Website">Stuur mij een e-mail!</a>

«Lettertypen Tabellen »

131 reacties
Punkiepinky Geplaatst op 02-02-2012 om 15:48
 

Regular
Hij wilt niet terugkere naar de vorige pagina. Wat moet ik doen?
Van Dycke Geplaatst op 07-01-2012 om 21:00
 

Regular
Hoe moet ik een pagina maken om de linken te laten samen komen , ik geraak er maar niet aan uit ik heb nu al meerdere malen geprobeerd , alles is goed gelukt dus ik zie ook de link staan die ik kan aanklikken , en dan gebeurt er niets geen foutmelding maar ik kan ook geen pagina aanmaken waar ik dan terug kan gaan bv naar home dringend hulp gevraagd dank u voor uw begrip
Van Dycke Geplaatst op 07-01-2012 om 20:56
 

Regular
Hoe moet ik een pagina maken om de linken te laten samen komen , ik geraak er maar niet aan uit ik heb nu al meerdere malen geprobeerd , alles is goed gelukt dus ik zie ook de link staan die ik kan aanklikken , en dan gebeurt er niets geen foutmelding maar ik kan ook geen pagina aanmaken waar ik dan terug kan gaan bv naar home dringend hulp gevraagd dank u voor uw begrip
Strikeone5 Geplaatst op 22-01-2011 om 20:36
 

Regular
Hallo,

Ik heb alle reacties hieronder gelezen maar ik heb nog altijd een probleempje met die hyperlinks. Ik heb er 5 maar deze staan allemaal onder elkaar. Mijn doel is om deze naast elkaar te zetten (dus horizontaal). Weet iemand het antwoord hierop?
Alvast bedankt!
joevan74 Geplaatst op 10-03-2010 om 22:16
 

Regular
weer niets op aan te merken :)
zeer goed

Pagina 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder