Simpele HTML voor websiteteksten

Je plaatst websiteteksten in de website. Het ziet er in de editor netjes uit, maar bekijk je de pagina, dan kan het zijn dat het er heel anders uit ziet. Grote kans dat er veel rommel mee gekopieerd is in de HTML.

Hoe los je dat op? En welke simpele HTML moet je kennen voor het plaatsen van websiteteksten?

HTML

In de editor heb je de mogelijkheid om naar de HTML te gaan van de pagina.

De HTML is de code die gebruikt wordt om jouw tekst weer te geven op de website. In feite is een editor alleen maar een ‘schilletje’. De editor zorgt ervoor dat jouw tekst wordt omgezet in HTML.

Klopt het design van jouw tekst op de website niet met wat jij in de editor geplaatst hebt, dan is de kans groot dat dit ligt aan de HTML-code die door de editor is aangemaakt.

Je lost dit op door in de editor op zoek te gaan naar de optie om de tekst te zien in de HTML-versie.
Gevonden? Dan is het tijd om de tekst op te schonen.

Dat doe je door alles wat niet de tekst is van jouw pagina weg te halen. Vervolgens kun je zelf de tekst in HTML opmaken.

Simpele HTML voor de opmaak van websiteteksten

De volgende HTML-tags zijn meestal voldoende om de pagina weer netjes mee op te maken.

paragraaf: <p>tekst</p>

losse ‘enter’: <br>

opsommingen (unordened list):
<ul>
<li>item</li>
<li>item</li>
</ul>

opsomming (ordened list):
<ol>
<li>item</li>
<li>item</li<
</ol>

links:
<a href=”www.voorbeeld.nl“>linktekst</a>

Kopjes:
<h1>de hoofdkop van de pagina, gebruik je maar 1x</h1>
<h2>een subkop wordt veel gebruikt</h2>
<h3>soms is een h3 nodig</h3>

Andere styles, zoals kleuraanpassing en dingen vet maken zou niet voor moeten komen, maar kan wel.
<font color=”ffffff”>witte tekst</font>

<strong>dikke tekst</strong>