02. tekst

Er bestaan véél meer HTML-elementen met betrekking tot het schrijven van teksten dan degene die we hier opsommen. Voor meer informatie verwijzen we graag naar w3schools.

titel

Koppen en subkoppen weerspiegelen de informatiehiërarchie in documenten. Zo kan een document beginnen met een grote kop, gevolgd door een inleiding of de meest belangrijke informatie. De pagina wordt verder opgebouwd met tussenkoppen en alinea's. Elk onderwerp kan bijvoorbeeld een nieuwe alinea beslaan, en elke paragraaf kan een kop hebben die de inhoud beschrijft.

In HTML zijn er standaard 6 niveau's van titels voorzien. De elementen voor titels zijn te herkennen aan de letter 'h' van 'heading' (het engelse woord voor titel) en een niveaubepalend cijfer.

Ingebouwd in een browser zitten er al regels voor het weergeven van titels. Elk niveau van titels wordt op een unieke manier weergegeven.

<h1>This is a Main Heading</h1>
<h2>This is a Level 2 Heading</h2>
<h3>This is a Level 3 Heading</h3>
<h4>This is a Level 4 Heading</h4>
<h5>This is a Level 5 Heading</h5>
<h6>This is a Level 6 Heading</h6>

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_headers

paragraaf

Doorlopende tekst wordt in <p> element geplaatst. Vóór en na een paragraaf plaatst de browser standaard witruimte ter grootte van ongeveer één blanco regel. Indien het element gevolgd wordt door een tweede <p> element dan schuiven de witruimtes in elkaar en resteert tussen de blokken tekst slechts één blanco regel.

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_paragraphs1

regeleinde

Om programmeren eenvoudig en overzichtelijk te houden, werd er besloten om extra witruimte, opgenomen in teksten, niet te tonen in de browser. Dit fenomeen noemen we: "white space collapsing". Om toch een regeleinde in te voeren, maken we gebruik van het <br>element. Het <br> element is een element zonder inhoud en heeft geen eindtag in HTML.

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_br

boven- en onderschrift

Boven- en onderschrift zijn tekens die boven of onder de normale schrijfhoogte worden geplaatst, gewoonlijk in een iets kleiner corps. Om deze eenvoudig te kunnen invoeren, kregen deze elk een eigen element, nl.: <sup>en <sub>.

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_sup

citaten

We gaan vaak verwijzen naar werk van anderen. Hiervoor bestaan er verschillende mogelijkheden in HTML. Elk van deze mogelijkheden heeft een specifieke juiste toepassing. Het is belangrijk om de verschillende HTML-elementen dus goed uit elkaar te houden.

blokcitaat

Wanneer we een volledig citaat los willen plaatsen van andere teksten. Maken we gebruik van het <blockquote>element.

<blockquote cite="http://en.wikipedia.org/wiki/Winnie-the-Pooh">
    <p>Did you ever stop to think, and forget to start again?</p>
</blockquote>

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_blockquote_test

Het <q>element gebruiken we dan eerder wanneer we het citaat verwerken in onze eigen tekst.

<p>As A.A. Milne said, <q cite="http://en.wikipedia.org/wiki/Winnie-the-Pooh">Some people talk to animals. Not many listen though. That's the problem.</q></p>

Je merkt in beide voorbeelden het citeattribuut. Dit attribuut geeft de bron van het citaat weer. Er bestaat echter ook een <cite>element dat wordt gebruikt om de titel van een werk te duiden (vb. de titel van een boek, een liedje, een film, een TV-serie, een schilderij, een beeldhouwwerk,...), maar nooit een te verwijzen naar een persoon.

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_q

afkortingen

Wanneer we in onze tekst een afkorting willen plaatsen, kunnen we met het <abbr>element ook ineens de volledige versie ervan tonen. Hiervoor maak je gebruik van het titleattribuut.

<p><abbr title="Professor">Prof</abbr> Stephen Hawking is a theoretical physicist and cosmologist.</p>

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_abbr_test

auteur

Met het <address> element kan je de contactinformatie van de auteur/eigenaar van een document of van een artikel meegeven aan de lezer. Dit element heeft echter een andere betekenis afhankelijk van zijn locatie in het document.

Als het <address> element in een <body> element staat stelt het de contactinformatie van de auteur van de een webpagina voor. Als het <address> element in een <article> element staat, stelt het de contactinformatie met betrekking tot dat artikel voor.

try it yourself: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_address