HTML Elements

Een HTML-document wordt gedefinieerd door HTML-elementen.

HTML Elements

HTML-elementen zijn alle code van de begin tag (start tag) tot de einde tag (end tag).

Begin tag Element inhoud Einde tag
<p> Dit is een paragraaf </p>
<a href="default.htm" > Dit is een link </a>
<br />

Opmerking:Begin tags worden vaak de open tags (opening tag) genoemd, einde tags de gesloten tags (closing tag).

HTML syntaxis

  • HTML-elementen beginnen metBegin tagBegin
  • HTML-elementen beginnen metEinde tagEinde
  • Inhoud van het elementis de inhoud tussen de begin en einde tag
  • Sommige HTML-elementen hebbenLege inhoud (empty content)
  • Lege elementenSluit in de begin tag(einde van de begin tag)
  • De meeste HTML-elementen kunnenEigenschappen

Tip:U zult in het volgende hoofdstuk van deze handleiding meer leren over eigenschappen.

Geneste HTML-elementen

De meeste HTML-elementen kunnen genest zijn (ze kunnen andere HTML-elementen bevatten).

Een HTML-document bestaat uit genestte HTML-elementen.

HTML document voorbeeld

<html>
<body>
<p>Dit is mijn eerste paragraaf.</p>
</body>
</html>

Het bovenstaande voorbeeld bevat drie HTML-elementen.

HTML voorbeeld uitleg

<p> element:

<p>Dit is mijn eerste paragraaf.</p>

Dit <p> element definieert een paragraaf in het HTML-document.

Dit element heeft een begin tag <p> en een einde tag </p>.

De inhoud van dit element is: Dit is mijn eerste paragraaf.

<body> element:

<body>
<p>Dit is mijn eerste paragraaf.</p>
</body>

<body> element definieert het hoofdgedeelte van de HTML-document.

Dit element heeft een begin标签 <body> en een einde tag </body>.

De inhoud van dit element is een ander HTML-element (een p-element).

<html> element:

<html>
<body>
<p>Dit is mijn eerste paragraaf.</p>
</body>
</html>

Het <html>-element definieert het hele HTML-document.

Dit element heeft een beginmerk <html> en een eindmerk </html>.

Elementinhoud is een ander HTML-element (body-element).

Vergeet de eindmarkeringen niet

Hoewel je de eindmarkeringen vergeet te gebruiken, zullen de meeste browsers HTML correct weergeven:

<p>Dit is een alinea
<p>Dit is een alinea

De voorbeeld in de meeste browsers werken goed, maar wees niet afhankelijk van dit. Het vergeten van het gebruik van eindmarkeringen kan onvoorspelbare resultaten of fouten veroorzaken.

Opmerking:Toekomstige versies van HTML laten het weglaten van eindmarkeringen niet toe.

Lege HTML-elementen

HTML-elementen zonder inhoud worden genoemd lege elementen. Lege elementen worden gesloten in het beginmerk.

<br> is een leeg element zonder sluitmerk (de <br> tag definieert een regeleinde).

In XHTML, XML en toekomstige versies van HTML moeten alle elementen worden gesloten.

Voeg een schuine streep toe aan het beginmerk, zoals <br />, om een lege element correct te sluiten, wat door HTML, XHTML en XML wordt geaccepteerd.

Hoewel <br> in alle browsers geldig is, is het gebruik van <br /> een langdurigere bescherming.

HTML Tip: Gebruik kleine letters voor tags

HTML Tags zijn niet gevoelig voor hoofd- en kleine letters: <P> is gelijkwaardig aan <p>. Veel websites gebruiken hoofdletters voor HTML tags.

CodeW3C.com gebruikt kleine letters voor tags, omdat de World Wide Web Consortium (W3C) in HTML 4AanbevolenGebruik kleine letters, maar in de toekomstige (X)HTML versiesVerplichtGebruik kleine letters.