HTML voorbeelden

Hieronder volgen een aantal voorbeelden om een HTML tekst te formatteren.

<h3>Dit is een kop van niveau 3</h3>

<p>
Dit is een paragraaf met 
<b>Vetgedrukte tekst</b>
en
<i>Cursieve tekst</i>
en een link naar <a href="https://www.w3schools.com/html/">w3schools.com</a>
waar je een HTML-handleiding kunt vinden
</p>

<p>Een e-mailadres kun je zo aangeven:
<a href="mailto:hans.worst@gmail.com">hans.worst@gmail.com</a></p>

<p>Ongenummerde lijst:</p>

<ul>
<li>Rood</li>
<li>Geel</li>
<li>Groen</li>
</ul>

<p>Genummerde lijst:</p>

<ol>
<li>Charlotte</li>
<li>Tim</li>
<li>Jos</li>
<li>Annemarie</li>
</ol>

Tot slot een gedicht, waarbij de regels onder elkaar staan dankzij de 'line breaks':

<h3>Op een koekoek</h3>

Een koekoek wilde te Schalkhaar<br>
haar ei kwijt, maar de grasmus daar,<br>
op zo'n verrassing niet verzot,<br>
werd woedend en het duurde tot<br>
de daaropvolgende maand mei<br>
eer het weer koekoek was en ei.<br>
<br>
<i>Kees Stip</i>
   

Het resultaat in HTML:

Dit is een kop van niveau 3

Dit is een paragraaf met Vetgedrukte tekst en Cursieve tekst en een link naar w3schools.com waar je een HTML-handleiding kunt vinden

Een e-mailadres kun je zo aangeven: hans.worst@gmail.com

Ongenummerde lijst:

  • Rood
  • Geel
  • Groen

Genummerde lijst:

  1. Charlotte
  2. Tim
  3. Jos
  4. Annemarie
Tot slot een gedicht, waarbij de regels onder elkaar staan dankzij de 'line breaks':

Op een koekoek

Een koekoek wilde te Schalkhaar
haar ei kwijt, maar de grasmus daar,
op zo'n verrassing niet verzot,
werd woedend en het duurde tot
de daaropvolgende maand mei
eer het weer koekoek was en ei.

Kees Stip