HTML Quotation and Citation Elements

In dit bericht ga ik jullie meer vertellen over aanhalingstekens (quotations), blockquote, citaat, afkortingen (abbreviations), adres

De voorbeelden voor dit hoofdstuk:

Dit zijn aanhalingstekens.

Dit is een voorbeeld van de blockquote.

Nisa Tutucu.

Ik ben Nisa, ga met je muis over mijn naam.

Nisa Tutucu.
Bezoek mijn site:
nisatutucu.nl
Nederland

Allereerst beginnen we bij de aanhalingstekens, de quotations dus. Het is eigenlijk heel simpel, we gebruiken de eerste letter van het Engelse woord quotations dus de q. Van de q maken we een element dus dat komt er zo uit te zien <q>. Dit was eigenlijk alles voor de aanhalingstekens.
<q> aanhalingstekens </q>

Nu gaan we over naar het volgende voorbeeld, de blockquote.

Dit is een voorbeeld van de blockquote.

De blockquote is ook niet zo lastig. Het enige is haakje open dus de < dan het woord blockquote en dan weer haakje sluiten >. Dus als volgt <blockquote>. Om het netjes te houden gebruiken we ook de paragraaf element dus de <p>. Dus de voorbeeld van hierboven ziet er zo uit achter de schermen:

<blockquote><p> Dit is een voorbeeld van de blockquote. </p></blockquote>

We gaan nu over naar de citaat. Als je iets overschrijft dan citeer je iets en moet je vaak ook de bron of de naam erbij schrijven. Om dat te doen gebruiken we de <cite> element. Dus als bijvoorbeeld <cite>Nisa Tutucu</cite>

De vorige twee voorbeelden (blockquote en de cite) kun je ook als een code bij elkaar voegen. Dat ziet er dan als volgt uit:

Dit is een voorbeeld van de blockquote.

Nisa Tutucu
Zo kun je het heel makkelijk maken en ziet het er gelijk ook goed uit. Het is eigenlijk niet zo lastig want we hebben al geleerd hoe we een blockquote maken:

<blockquote><p> Dit is een voorbeeld van de blockquote. </p></blockquote>

Nu moeten we alleen de <cite> element erbij toevoegen. Dat ziet er zo uit:

<blockquote><p> Dit is een voorbeeld van de blockquote. </p></blockquote>

<cite>Nisa Tutucu</cite>

Nu gaan we de afkorting (abbreviations) leren. In het Engels noemen we het abbreviations zoals ik al eerder vermeld had. We pakken de eerste vier letters uit het Engelse woord abbreviations. Dat is ook gelijk de code die we moeten onthouden, dus dat ziet er zo uit <abbr> Nu pakken we de voorbeeld erbij:

Ik ben Nisa, ga met je muis over mijn naam.

Om deze code te gebruiken gebruiken we dus <abbr> maar je moet er ook een title aan verbinden en dat doen we zo <abbr title=””>. In die aanhalingstekens zet je het woord of zin die je wilt hebben als je met je muis eroverheen gaat. Dus in mijn geval <abbr title=”Nisa Tutucu”> Daarna sluiten we het af met de </abbr>. Het voorbeeld die ik gebruikt heb ziet er zo uit achter de schermen:

<p>Ik ben <abbr title=”Nisa Tutucu”>Nisa</abbr>, ga met je muis over mijn naam.</p>

Nu zijn we aangekomen bij de laatste voorbeeld en dat is de adres. De adres is ook heel makkelijk. In het Engels is adres, address. Dan is ook gelijk alles wat je moet weten want deze code bestaat alleen uit het Engelse woord address. Dus dat ziet er zo uit <address></address> Het voorbeeld die ik gebruikte:

<address>
Nisa Tutucu.
Bezoek mijn site:
nisatutucu.nl
Nederland
</address>

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *