Jump to content

OWN

  • entries
    5,186
  • comments
    17,587
  • views
    1,523,071

Own 433 - Web Met Boer


OWN

630 views

 Share

j52uCEX.png

Welkom!


Vandaag gaan we werken met linkjes in HTML. Ik hoop jullie hiermee ook te boeien! Dit kan namelijk erg relevant zijn in jouw website! ;)

Hoe dan?


Een link maak je door middel van de volgende tag:

<a>EVENTUELE TEKST</a>

En link geef je mee door middel van een attribuut:

<a href="HIERDELINK">EVENTUELE TEKST</a>

Een link in een nieuw venster

Een link laten openen in een nieuw venster is erg gemakkelijk en snel gedaan. Dit gaat als volgt in onderstaande code:

<a href="http://www.gtaforum.nl/" target="blank">GTAForum</a>

Je gebruikt dus de normale code van een gewone link, alleen je voegt er een attribuut bij. Dit is het attribuut target, die je blank als waarde meegeeft.

Link in afbeeldingen

Dit werkt ongeveer wel zoals je zou verwachten. In plaats van de tekst in een link, zet je de code neer naar een afbeelding. Kijk hier maar:

<a href="http://www.gtaforum.nl/"><img src="http://www.gtaforum.nl/public/style_images/gtaf/header/voorgrond.png"></a>

Deze code zorgt er dus voor dat je de link in de afbeelding krijgt. :)

Klik hier als je meer informatie wilt over de links.

Tot volgende week!


De volgende keer gaan we weer iets nieuws proberen! ;)

MWfTSx9.png

 Share

2 Comments


Recommended Comments

Hmm, vaag. Zet het forum <a href om in in url?

In ieder geval, blijf weg van w3schools (die trouwens op geen enkele wijze geaffilieerd zijn met het W3). Als je een naslagwerk wilt, gebruik dan MDN.

Link to comment

Hmm, vaag. Zet het forum <a href om in in url?

Raar. Heb het ingeleverde artikel er maar ingezet; we willen ten slotte HTML zien i.p.v. BBcode. :)

Link to comment
Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...