HTML elemente
'n HTML-element word gedefinieer deur 'n beginmerker, sekere inhoud en 'n eindmerker.
HTML elemente
Die HTML - element is alles van die beginmerker tot die eindmerker:
Voorbeelde van sommige HTML-elemente:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Let wel: Sommige HTML-elemente het geen inhoud nie (soos die <br>-element). Hierdie elemente word leë elemente genoem. Leë elemente het nie 'n eindmerk nie!
Geneste HTML-elemente
HTML-elemente kan geneste word (dit beteken dat elemente ander elemente kan bevat).
Alle HTML-dokumente bestaan uit geneste HTML-elemente.
Die volgende voorbeeld bevat vier HTML-elemente ( <html>, <body>, <h1>
en <p>):
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Voorbeeld Verduidelik
Die <html>element is die wortelelement en dit definieer die hele HTML-dokument.
Dit het 'n beginmerker <html>en 'n eindmerker </html>.
Dan, binne die <html>element is daar 'n <body>
element:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Die <body>element definieer die dokument se liggaam.
Dit het 'n beginmerker <body>en 'n eindmerker </body>.
Dan, binne die <body>element is daar twee ander elemente:
<h1>en
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>Die <h1>element definieer 'n opskrif.
Dit het 'n beginmerker <h1>en 'n eindmerker </h1>:
<h1>My First Heading</h1>
Die <p>element definieer 'n paragraaf.
Dit het 'n beginmerker <p>en 'n eindmerker </p>:
<p>My first paragraph.</p>
Moet nooit die eindmerker oorslaan nie
Sommige HTML-elemente sal korrek vertoon word, selfs al vergeet jy die eindmerker:
Voorbeeld
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Moet egter nooit hierop staatmaak nie! Onverwagte resultate en foute kan voorkom as jy die eindmerker vergeet!
Leë HTML-elemente
HTML-elemente sonder inhoud word leë elemente genoem.
Die <br>merker definieer 'n reëlbreuk, en is 'n leë element sonder 'n sluitingsmerker:
Voorbeeld
<p>This is a <br> paragraph with a line break.</p>
HTML is nie hooflettergevoelig nie
HTML-etikette is nie hooflettersensitief nie: <P>beteken dieselfde as <p>.
Die HTML-standaard vereis nie kleinlettermerkers nie, maar W3C beveel kleinletters in HTML aan en vereis kleinletters vir strenger dokumenttipes soos XHTML.
By W3Schools gebruik ons altyd kleinlettermerkname.
HTML-merkerverwysing
W3Schools se merkerverwysing bevat bykomende inligting oor hierdie merkers en hul eienskappe.
| Tag | Description |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .