13.0 Lichtkrant

Een lichtkrant is een extra snufje in HTML. Het is namelijk een stuk tekst dat beweegt over het scherm van rechts naar links:

Deze tekst beweegt over het scherm.......

Om dit te kunnen maken moeten we een nieuwe tag leren, namelijk <marquee>, wat letterlijk vertaald lichtkrant betekend.

Een voorbeeld:

<marquee>Welkom op mijn website</marquee>

Geeft dit:

Welkom op mijn website

We voegen bovenstaande code ook toe aan onze voorbeeldpagina, net onder de titel.
De 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>
<marquee>Welkom op mijn website</marquee>
<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>
<table align="right">
<tr>
<td><a href="http://www.seniorennet.be" target="_blank"><img src="logo.gif" width="97" height="59" border="0"></a></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>
<p>In alle winkels van &quot;L'&eacute;l&egrave;ve &amp; L'&eacute;cole&quot; kan je alles kopen aan &#189; prijs! Een broek van &euro; 40.00 wordt &euro; 10.00!!</p>
</body>
</html>

Klik hier om de voorbeeldpagina te bekijken.

Klik hier om naar Hoofdstuk 14 verder te gaan.