Ga verder naar hoofdinhoud
Veelgebruikte HTML-codes

HTML is een afkorting van HyperText Markup Language. Dit is de taal waarmee webpagina's worden gemaakt. Met HTML kun je je aanbiedingen verfraaien door woorden vet weer te geven of kleur toe te voegen.

We laten je enkele veelgebruikte codes (tags) zien waarmee je zelf een HTML-pagina kunt maken.

Scheid je alinea's met de code <p> voor elke nieuwe alinea. Met de code <br> wordt een nieuwe regel begonnen zonder een witregel in te voegen. Als je een horizontale lijn wilt invoegen, gebruik je <hr>.

Code Letterlijke tekst Resultaat
<p>

 

Bied op mijn object!<p>Je zult er geen spijt van krijgen!

 

Bied op mijn object!

Je zult er geen spijt van krijgen!

<br> Bied op mijn object!<br>Je zult er geen spijt van krijgen! Bied op mijn object!
Je zult er geen spijt van krijgen!
<hr> Bied op mijn object!<hr>Je zult er geen spijt van krijgen!

Bied op mijn object!


Je zult er geen spijt van krijgen!

Maak titels met één van de zes verschillende <h#>-codes.

Code Letterlijke tekst Resultaat
<h1></h1> <h1>Bied op mijn object!</h1>

Bied op mijn object!

<h2></h2> <h2>Bied op mijn object!</h2>

Bied op mijn object!

<h3></h3> <h3>Bied op mijn object!</h3>

Bied op mijn object!

<h4></h4> <h4>Bied op mijn object!</h4>

Bied op mijn object!

<h5></h5> <h5>Bied op mijn object!</h5>
Bied op mijn object!
<h6></h6> <h6>Bied op mijn object!</h6>
Bied op mijn object!

Maak tekst op met codes voor een vet, cursief en onderstreept lettertype.

Code Letterlijke tekst Resultaat
<b></b> <b>Bied op mijn object!</b>

Bied op mijn object!

<i></i> <i>Bied op mijn object!</i>

Bied op mijn object!

<u></u> <u>Bied op mijn object!</u>

Bied op mijn object!

Vergroot of verklein je lettertype één punt per keer met de code <big> en <small>.

Code Letterlijke tekst Resultaat
<big></big> Bied <big>nu meteen< big>voor een goede koop</big> en misschien</big> win jij wel!

Bied nu meteen voor een goede koop en misschien win jij wel!

<small></small> Bied nu! <small>Nu het nog kan!</small>

Bied nu! Nu het nog kan!

Stel de kleur van je letters in met een aantal standaardkleuren. De standaardkleuren zijn aqua, zwart (black), blauw (blue), fuchsia, grijs (gray), groen (green), limoen (lime), kastanjebruin (maroon), marineblauw (navy), olijfgroen (olive), paars (purple), rood (red), zilver (silver), staalgrijs (teal), geel (yellow) en wit (white). Je kunt de kleuren ook instellen door waarden op te geven voor de manier waarop rood, groen en blauw moeten worden gemengd, maar dat gaat te ver voor deze beknopte uitleg.

Code Letterlijke tekst Resultaat
<font color =color> </font> Bied <font color =green>nu </font>en misschien win jij wel!

Bied nu en misschien win jij wel!

<font color =color> </font> Bied <font color =blue>nu </font>en misschien win jij wel!

Bied nu en misschien win jij wel!

Centreer je tekst met behulp van de code <center>.

Tag Letterlijke tekst Het resultaat van de tag
<center> </center> <center>Bied nu!</center>

Bied nu!

Maak lijsten met opsommingstekens en nummering. Begin je lijst met <ol> voor een geordende (dat wil zeggen een "genummerde") lijst. Begin je lijst met <ul> voor een lijst met opsommingstekens (bijvoorbeeld stippen). Elk item van de lijst moet zijn voorzien van de code <li></li> (voor "lijst-item").

Tag Letterlijke tekst Het resultaat van de tag

<ol></ol>

<li></li>

Mijn object is: <ul>

<li>Nieuw</li>

<li>In uitstekende staat</li>

</ul>

Mijn object is:

  • Nieuw
  • In uitstekende staat

<ol></ol>

<li></li>

Mijn object is: <ol>

<li>Nieuw</li>

<li>In uitstekende staat</li>

</ol>

Mijn object is:

  1. Nieuw
  2. In uitstekende staat

Voeg een afbeelding toe aan je document door de code <img> te typen en het webadres van de afbeelding op te geven.

Tag Letterlijke tekst Het resultaat van de tag

<img>

<img src="http://www.jouwdomein.com/ afbeeldingen/jouwafbeelding.jpg">

Je afbeelding verschijnt in de webbrowser op de plaats waar je code is opgenomen.

Je raadt het waarschijnlijk al: deze codes kun je in elke gewenste combinatie toepassen. Als je bijvoorbeeld "Bied nu!" vet, cursief en gecentreerd wilt weergeven, typ je de volgende code:

<b><i><center>Bied nu!</center></i></b>

TIP

Als je wilt weten welke codes je waar en wanneer kunt gebruiken, kijk je naar de code van een webpagina die je mooi vindt. Als je een pagina tegenkomt en net zoiets wilt, kijk dan naar de HTML-opdrachten waarmee de pagina is gegenereerd en gebruik ze op soortgelijke wijze.

Als je Microsoft Internet Explorer of Netscape Navigator als webbrowser gebruikt, kun je het document met de HTML-broncode heel eenvoudig bekijken. Klik in Internet Explorer op het menu Beeld boven aan de pagina en kies vervolgens Bron. Klik in Netscape op het menu Beeld en kies vervolgens Paginabron.

Als je geen antwoord op je vraag kunt vinden, neem dan contact op met Customer Support.