HTML betekend Hyper Text Markup Language en is een taal waarin webpagina’s gemaakt worden.
In WordPress kun je de tekst in de teksteditor typen en opmaken.
Voor sommige lastige taken is het handig om enige kennis van HTML te hebben.
Daarom hier een mini opsomming van de belangrijkste HTML commando’s die je kunt gebruiken in combinatie met WordPress.
Deze codes gebruik je in de tekstverwerker in het tabblad “Tekst”
Link toevoegen aan een stuk tekst:
<a href=”http://www.jouwwebsite.info> Hier staat de link naar www.jouwwebsite.info </a>
Hier staat de link naar www.jouwwebsite.info
Afbeelding toevoegen:
<img src=”http://www.jouwwebsite.info/plaatje.jpg” >
Afbeelding met link:
<a href=”www.jouwwebsite.info”>
<img src=”http://www.jouwwebsite.info/plaatje.jpg” >
</a>
Link openen in nieuw venster of tabblad:
Om te zorgen dat de link opent in een nieuw venster gebruik je de code: _blank
<a href=”www.jouwwebsite.info” target=”_blank” >
Link naar een onderdeel op dezelfde pagina laten springen:
<a href=”#plek-op-de-pagina”>
Op de plek waar de link naar toe moet springen staat
<a name=”plek-op-de-pagina”></a>
Vetgedrukte tekst:
In deze tekst <strong>is dit vetgedrukte tekst</strong>
In deze tekst is dit vetgedrukte tekst
strong of b staat voor Bold
Schuine tekst maak je zo:
In deze tekst <i>is dit schuine tekst</i>
In deze tekst is dit schuine tekst
i staat voor Italic
Spaties:
Als je in HTML meerdere spaties achter elkaar typt dan wordt dit gezien als één spatie.
Je kunt dit toch voor elkaar krijgen met de code voor de spatie:
nbsp staat voor: non-bracking-space
Inspringen:
Deze regel begint na een inspringing van 30 punten, hier is de code:
<span style="padding-left:30px"> Deze regel begint na een inspringing van 30 punten </span>
Gebruik <pre> om alle tekst tussen de PRE tags dezelfde “line-breaks”en inspringing te laten behouden.
Om een lege regel te maken gebruik je de line-break tag: <br> in HTML
br staat voor: break-rule
Kopteksten en tussenkoppen:
Kopteksten worden ingedeeld in 6 groottes. Het lettertype en de grootte van iedere koptekst wordt ingesteld in het CSS.
Hier worden de codes H1 t/m H6 voor gebruikt.
<H1>Heading H1</H1> wordt op de webpagina getoond als:
Heading H1
<H2>Heading H2</H2> wordt op de webpagina getoond als:
Heading H2
<H3>Heading H3</H3> wordt op de webpagina getoond als:
Heading H3
<H4>Heading H4</H4> wordt op de webpagina getoond als:
Heading H4
<H5>Heading H5</H5> wordt op de webpagina getoond als:
Heading H5
<H6>Heading H6</H6> wordt op de webpagina getoond als:
Heading H6
Omdat in dit thema in de CSS is ingesteld dat een koptekst altijd op een nieuwe regel begint, wordt dat natuurlijk hier ook zo getoond.
Trackbacks/Pingbacks