Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1588476

Own 433 - Web Met Boer


OWN

817 bezichtigingen

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

2 reacties


Recommended Comments

Big Boss

Geplaatst:

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.

Thundercover

Geplaatst:

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. :)

Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

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

×
×
  • Create New...