HTML -zelfstudie

HTML HOME HTML-introductie HTML-editors HTML basis HTML-elementen HTML-kenmerken HTML-koppen HTML-alinea's HTML-stijlen HTML-opmaak HTML-citaten HTML-opmerkingen HTML-kleuren HTML-CSS HTML-links HTML-afbeeldingen HTML-favicon HTML-tabellen HTML-lijsten HTML-blok en inline HTML-klassen HTML-ID HTML-iframes HTML-JavaScript Paden voor HTML-bestanden HTML-kop HTML-indeling HTML-responsief HTML-computercode HTML-semantiek HTML-stijlgids HTML-entiteiten HTML-symbolen HTML-emoji's HTML-tekenset HTML-URL-codering HTML versus XHTML

HTML -formulieren

HTML-formulieren HTML-formulierkenmerken HTML-formulierelementen HTML-invoertypen HTML-invoerkenmerken Kenmerken HTML-invoerformulier

HTML -afbeeldingen

HTML-canvas HTML-SVG

HTML- media

HTML-media HTML-video HTML-audio HTML-plug-ins HTML-YouTube

HTML API's

HTML-geolocatie HTML slepen/neerzetten HTML-webopslag HTML-webwerkers HTML-SSE

HTML- voorbeelden

HTML-voorbeelden HTML-quiz HTML-oefeningen HTML-certificaat HTML-samenvatting HTML-toegankelijkheid

HTML- verwijzingen

HTML-taglijst HTML-kenmerken Algemene HTML-kenmerken Ondersteuning voor HTML-browser HTML-gebeurtenissen HTML-kleuren HTML-canvas HTML-audio/video HTML-documenttypen HTML-tekensets HTML-URL-codering HTML-taalcodes HTTP-berichten HTTP-methoden PX naar EM-omzetter Toetsenbord sneltoetsen

HTML -citaat- en citatie-elementen


In dit hoofdstuk gaan we door de <blockquote>, <q>, <abbr>, <address>, <cite>en <bdo>HTML-elementen.


Voorbeeld

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

HTML <blockquote> voor offertes

Het HTML <blockquote>-element definieert een sectie die uit een andere bron wordt geciteerd.

Browsers laten meestal <blockquote>elementen inspringen.

Voorbeeld

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <q> voor korte offertes

De HTML <q>-tag definieert een korte offerte.

Browsers plaatsen normaal gesproken aanhalingstekens rond het citaat.

Voorbeeld

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


HTML <abbr> voor afkortingen

De HTML <abbr>-tag definieert een afkorting of een acroniem, zoals "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

Het markeren van afkortingen kan nuttige informatie geven aan browsers, vertaalsystemen en zoekmachines.

Tip: Gebruik het globale titelattribuut om de beschrijving voor de afkorting/acroniem weer te geven wanneer u met de muis over het element gaat. 

Voorbeeld

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <adres> voor contactgegevens

De HTML <address>-tag definieert de contactgegevens van de auteur/eigenaar van een document of artikel.

De contactgegevens kunnen een e-mailadres, URL, fysiek adres, telefoonnummer, social media-handvat, enz. zijn.

De tekst in het <address>element wordt meestal cursief weergegeven en browsers zullen altijd een regeleinde voor en na het <address>element toevoegen.

Voorbeeld

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cite> voor werktitel

De HTML <cite>-tag definieert de titel van een creatief werk (bijvoorbeeld een boek, een gedicht, een lied, een film, een schilderij, een beeldhouwwerk, enz.).

Opmerking: de naam van een persoon is niet de titel van een werk.

De tekst in het <cite>element wordt meestal cursief weergegeven .

Voorbeeld

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> voor bidirectionele opheffing

BDO staat voor Bi-Directional Override.

De HTML <bdo>-tag wordt gebruikt om de huidige tekstrichting te overschrijven:

Voorbeeld

<bdo dir="rtl">This text will be written from right to left</bdo>

HTML-oefeningen

Test jezelf met oefeningen

Oefening:

Gebruik een HTML-element om aanhalingstekens rond de letters "cool" toe te voegen.

<p>
Ik ben zokoel.
</p>


HTML-citaat- en citatie-elementen

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .