10.6 Link openen in nieuw scherm

Je kan een link laten openen in het huidige scherm, maar je kan je browser ook een nieuw scherm laten openen.
Dit heeft als voordeel dat je site zelf nog blijft openstaan en dat als men de geopende pagina sluit, makkelijk terug op je site is.

Dit doe je door een extra parameter toe te voegen aan de tag <a>, je moet target=”” toevoegen:

<p>Link naar Seniorennet die opent in een nieuw venster, <a href="http://www.seniorennet.be" target="_blank">klik hier</a>.</p>

Probeer maar eens:

Link naar Seniorennet die opent in een nieuw venster, klik hier.

Bovenstaande voorbeeld zal openen in een nieuw venster. Je kan bij target=”” 4 verschillende waarden ingeven: _blank, _parent, _self, _top. Let op het lage streepje (‘underscore’ genoemd: _ ), dit moet erbij staan.

"_blank" laat openen in een nieuw scherm, de andere 3 kan je gebruiken indien je frames gebruikt. Omdat deze ‘verouderd’ en niet gebruiksvriendelijk zijn laten we deze achterwege in deze cursus.

We gaan nu een link toevoegen aan onze voorbeeldpagina naar Seniorennet die opent in een nieuw venster:

<p>Surf naar Seniorennet, de startpagina voor de actieve 50-plusser, <a href="http://www.seniorennet.be" target="_blank">klik hier</a>.</p>

Dit zal op onze voorbeeldpagina hetvolgende worden:

Surf naar Seniorennet, de startpagina voor de actieve 50-plusser, klik hier.

Onze volledige HTML code ziet er dan uit als volgt:

<html>
<head>
<title>Mijn persoonlijke website</title>
</head>
<body bgcolor="#99CCFF" text="#0000FF">
<h1><font color="#000000" face="Courier New, Courier, mono">Mijn persoonlijke website</font></h1>
<p>U bent hier beland op mijn persoonlijke website!</p>
<h2><font color="#000000">Beginpagina</font></h2>
<p>U bent op de <u>beginpagina</u> van mijn <u>persoonlijke website</u>, van hieruit kan u naar de rest van mijn website surfen.</p>
<h3><font color="#000000">Welkom</font></h3>
<p>Ik heet u van harte welkom op mijn website. Veel plezier op deze site, <i>en kom nog eens een keertje terug</i>!</p>
<p align="right"><font size="1">Deze website wordt regelmatig bijgewerkt.</font></p>
<p>Op mijn <b>persoonlijke website</b> kan je heel wat informatie vinden over mijzelf, en mijn interesses.</p>
<ul>
  <li>Over mijzelf</li>
  <li>Over mijn hobbies
      <ol>
        <li>Fotografie</li>
        <li>Website's maken</li>
      </ol>
    </li>
  <li>Enkele links</li>
</ul>
<p>Mijn huisdieren:</p>
<table width="50%" border="1" align="center" cellpadding="2" cellspacing="5">
<tr>
<td><b>Huisdier</b></td>
<td><b>Aantal</b></td>
</tr>
<tr>
<td>Kat</td>
<td>1</td>
</tr>
<tr>
<td>Kippen</td>
<td>5</td>
</tr>
<tr>
<td>Vissen</td>
<td>30</td>
</tr>
<tr>
<td>Vogels</td>
<td>5</td>
</tr>
</table>
<p>Surf naar Seniorennet, de startpagina voor de actieve 50-plusser, <a href="http://www.seniorennet.be" target="_blank">klik hier</a>.</p>
</body>
</html>

Klik hier om de voorbeeldpagina te openen.

Klik hier om naar hoofdstuk 11 verder te gaan.


Seniorennet