Handige HTML-codes voor beginners

Handige HTML-codes voor beginners

Heb jij een blog of schrijf je wel eens artikelen voor andere doeleinden? Dan is de kans groot dat jij je artikelen tikt in WordPress. Het opmaken van een artikel lukt je vast wel. Het toevoegen van een afbeelding, het vet maken van een tekst of je hele blogpost centreren? Geen probleem. Echter doet een kleine beetje meer kennis van HTML-codes wonderen en geef ik je in dit artikel graag een aantal codes die het bloggen (of schrijven van ieder ander willekeurig stuk tekst) een stuk gemakkelijker maken.

Wat is HTML?

First things first. Wat is HTML? HTML is een afkorting voor Hyper Text Markup Language. Zoals de naam misschien doet vermoeden is HTML een tool waar je door middel van zogenoemde ‘tags’ tekst kan opmaken. Dit kan je gebruiken voor het vet maken of centreren van een tekst, maar ook voor andere onderdelen. Denk daarbij aan het maken van tabellen, het uitlijnen van een tekst of het maken van een scheidingslijn. HTML kan nog veel verder dan dat gaan en kan als hulpmiddel gebruikt worden om een webpagina te maken, maar er vanuitgaande dat je al een website hebt richten we ons in dit artikel op de basis van het opmaken van een stuk tekst in WordPress.

Handige HTML-codes

Om te beginnen is het handig om een nieuwe blogpost te openen in WordPress en in plaats van op de knop ‘Visueel’ rechtsboven, op ‘Tekst’ te klikken. Wellicht werk je al in dit gedeelte, maar anders heet ik je van harte welkom in het veld waar je op basis van platte tekst en tags een artikel kunt opmaken. In de vorige alinea’s haalde ik het al aan: er zijn talloze redenen om HTML-codes te gebruiken. Als je de onderstaande HTML-codes jezelf eigen probeert te maken, zal dit zich uiten in mooi opgemaakte artikelen die je zelf hebt gemaakt én kun je een paar functionele items toevoegen aan je artikelen.

Tekstopmaak in HTML

  • Een tekst vet maken: Dit is een voorbeeldtekst
  • Een tekst schuin maken: Dit is een voorbeeldtekst
  • Een tekst onderstrepen: Dit is een voorbeeldtekst
  • Een tekst doorstrepen: Dit is een voorbeeldtekst

Tekst uitlijnen in HTML

  • Een tekst centreren:
    Dit is een voorbeeldtekst

Lettertypes in HTML

  • Lettertype veranderen: Dit is een voorbeeldtekst in Arial
  • Lettertype veranderen: Dit is een voorbeeldtekst in Times New Roman
  • Lettertype veranderen: Dit is een voorbeeldtekst in Courier New

Lettertype van kleur veranderen in HTML

  • Tekstkleur veranderen: Dit is een zwarte voorbeeldtekst
  • Tekstkleur veranderen: Dit is een blauwe voorbeeldtekst
  • Tekstkleur veranderen: Dit is een groene voorbeeldtekst

Links toevoegen in HTML

Gebruik jij HTML-codes in je artikelen?

Deze post heeft een reactie

  1. Oooh super handig! Nu typ ik soms mijn tekst in Word als ik het doorgestreept wil hebben, maar met die code kan ik het gewoon op mijn blog typen! Die codes waardoor je tekst een andere kleur krijgt, vind ik fijn om te weten! Ga ik ook zeker toepassen.

    Liefs!

Geef een reactie

Sluit Menu
×
%d bloggers liken dit: