HTML -elementen
Een HTML-element wordt gedefinieerd door een starttag, enige inhoud en een eindtag.
HTML-elementen
Het HTML - element is alles van de starttag tot de eindtag:
Voorbeelden van enkele HTML-elementen:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Opmerking: sommige HTML-elementen hebben geen inhoud (zoals het <br>-element). Deze elementen worden lege elementen genoemd. Lege elementen hebben geen eindtag!
Geneste HTML-elementen
HTML-elementen kunnen worden genest (dit betekent dat elementen andere elementen kunnen bevatten).
Alle HTML-documenten bestaan uit geneste HTML-elementen.
Het volgende voorbeeld bevat vier HTML-elementen ( <html>, <body>, <h1>
en <p>):
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Voorbeeld uitgelegd
Het <html>element is het root-element en definieert het hele HTML-document.
Het heeft een starttag <html>en een eindtag </html>.
Dan is er binnen het <html>element een <body>
element:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Het <body>element definieert de hoofdtekst van het document.
Het heeft een starttag <body>en een eindtag </body>.
Dan zijn er binnen het <body>element nog twee andere elementen:
<h1>en
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>Het <h1>element definieert een kop.
Het heeft een start-tag <h1>en een eind-tag </h1>:
<h1>My First Heading</h1>
Het <p>element definieert een alinea.
Het heeft een start-tag <p>en een eind-tag </p>:
<p>My first paragraph.</p>
Sla de eindtag nooit over
Sommige HTML-elementen worden correct weergegeven, zelfs als u de eindtag vergeet:
Voorbeeld
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Vertrouw hier echter nooit op! Er kunnen onverwachte resultaten en fouten optreden als u de eindtag vergeet!
Lege HTML-elementen
HTML-elementen zonder inhoud worden lege elementen genoemd.
De <br>tag definieert een regeleinde en is een leeg element zonder een afsluitende tag:
Voorbeeld
<p>This is a <br> paragraph with a line break.</p>
HTML is niet hoofdlettergevoelig
HTML-tags zijn niet hoofdlettergevoelig: <P>betekent hetzelfde als <p>.
De HTML-standaard vereist geen tags in kleine letters, maar W3C beveelt kleine letters aan in HTML en vereist kleine letters voor strengere documenttypen zoals XHTML.
Bij W3Schools gebruiken we tagnamen altijd in kleine letters.
HTML-tagreferentie
De tagreferentie van W3Schools bevat aanvullende informatie over deze tags en hun attributen.
| Tag | Description |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .