HTML Opmaak

HTML (hyper)Links

Links (of hyperlinks) zijn een essentieel onderdeel van HTML (Hypertext Markup Language). Ze maken het mogelijk dat je, door een simpele klik van de muis, snel van de ene locatie naar de andere surft.
Links hebben op een aanraakscherm uiteraard dezelfde functie.
Een nieuwe bestemming kan zich bevinden op een andere plaats in hetzelfde document, maar het kan ook een ander document betreffen.
Dat andere document kan zich bevinden op uw eigen computer, de lokale server, maar ook op een server of een computer elders op de wereld of zelfs in de ruimte.
Naast documenten kan het bovendien gaan om andere soorten bestanden, zoals afbeeldingen en geluidsfragmenten, of software die je wilt laten downloaden.

Links worden gebruikt op zowat elke webpagina.
Met links wordt het de gebruiker mogelijk gemaakt van pagina naar pagina te klikken.

Standaard verandert het pijltje in een handje wanneer je over een link beweegt.

  • Links worden in HTML gespecificeert met de <a> tag.
  • De <a> tag kan gebruikt worden op twee manieren :
    • Door een link te creëeren naar een ander document met het href attribuut
    • Door een bladwijzer in een document te maken met het name attribuut
  • Een link heeft standaard een blauwe kleur en is onderlijnd.
  • Wanneer een link is bezocht krijgt deze standaard een paarse kleur.
  • Later zien we mogelijkheden om deze kleuren aan te passen.

Syntax

<a href="url">tekst</a>

voorbeeld

<a href="http://www.html-totaal.be/">html-totaal.be</a>

Bovenstaand voorbeeld geeft volgende link html-totaal.be

  •  De tekst kan ook worden vervangen door bijvoorbeeld een afbeelding of een logo !
<a href="url"><img src="..."></a>

voorbeeld

<a href="http://www.html-totaal.be/"><img alt="htmltotaal-link" src="html-t-logo.png" height="41" width="60" border="0" /></a>

Bovenstaand voorbeeld geeft volgende link htmltotaal-link
Standaard wordt er een kader weergegeven rond een afbeelding, daarom border="0"!

naar boven 

Element Beschrijving Attributen
<a> De a tag definieerd een anker charset, coords, href, hreflang, name, rel, rev, shape, target
nota

De opkomende HTML5 standaard prefereert het gebruik van het id attribuut ipv het name attribuut.

Het id attribuut werkt eveneens met HTML4 in de moderne browsers !

naar boven naar boven naar a element
naar boven naar het a element