Even testen

Nu niemand het kan zien, kan ik wel even testen met andere HTML code.
Ik wil eigenlijk graag in staat zijn om bijvoorbeeld kleine stukjes programmacode met een andere achtergrond in een bericht op te nemen. Een kijken…

wat gebeurt hiermee ??

en nog een regel

een stukje HTML: <element>

Mooi, de div tags blijven in de code staan, nu kijken of ik met de CSS er iets aan kan wijzigen. Ok, dat ziet er al beter uit.

Uiteindelijk is dit de code in het bericht:

<div class="code">wat gebeurt hiermee ??

en nog een regel

een stukje HTML: &lt;element&gt;

</div&gt

en is dit de toegevoegde klasse in het CSS bestand:

.code {

  font-family:courier new;

  color: #000000;

  position: relative;

  left: 30px;

  width: 200px;

  padding:2px;

  margin-right: 80px;

  background:#DDDDDD;

  font-size:small;

  font-weight:normal;

  line-height:130%;

}

Let er bij de programmacode op dat de tags die je wilt laten verschijnen als &lt;element&gt; moeten worden opgenomen.

0 0 stemmen
Bericht waardering
1 Reactie
Inline Feedback
Bekijk alle reacties
Pierre
20 jaren geleden

Dé naslagpagina voor HTML en CSS codes is overigens wat mij betreft nog steeds (al sinds 1995): http://www.handleidinghtml.nl/