HTML taal bestaat uit verschillende onderdelen: elementen, tags en attributen.
Elementen
Elementen bestaan, in de meeste gevallen, uit een openingstag <tag> en een sluitingstag </tag> met daar tussenin tekst.
Bijvoorbeeld: <body>Welkom op mijn website.</body>
In het voorbeeld hierboven gaat het dus om het body-element.
Een element vertelt de browser wat er moet gebeuren met de tekst die tussen de openings- en sluitingstag staat.
Elementen kunnen ook genesteld worden, dit wil zeggen dat er een element (of meerdere elementen) binnen een ander element staat zoals bijvoorbeeld:
<body>
<p>Welkom op mijn website.</p>
<p>Wat leuk dat je er bent!</p>
</body>
In bovenstaand voorbeeld zijn er 2 paragraaf elementen genesteld in het body element.
Let op: een element bestaat altijd uit een openings- en sluitingstag. Vergeet je de sluitingstag te plaatsen, dan denkt de browser dat alle tekst vanaf de openingstag op die manier ingesteld moet worden. Een sluitingstag begint met </ en eindigt met >.
Een element vertelt de browser wat er moet gebeuren met de tekst die tussen de openings- en sluitingstag staat.
Elementen kunnen ook genesteld worden, dit wil zeggen dat er een element (of meerdere elementen) binnen een ander element staat zoals bijvoorbeeld:
<body>
<p>Welkom op mijn website.</p>
<p>Wat leuk dat je er bent!</p>
</body>
In bovenstaand voorbeeld zijn er 2 paragraaf elementen genesteld in het body element.
Let op: een element bestaat altijd uit een openings- en sluitingstag. Vergeet je de sluitingstag te plaatsen, dan denkt de browser dat alle tekst vanaf de openingstag op die manier ingesteld moet worden. Een sluitingstag begint met </ en eindigt met >.
Tags
Tags zijn onderdeel van een element, maar kunnen ook alleen gebruikt worden. Een tag begint altijd met < en eindigt met >. De letters die tussen de haakjes geplaatst worden geven het doel van de tag aan.
Er zijn verschillende soorten tags:
- openings- en sluitings tags | samen wordt dit een element genoemd.
- zelf sluitende tags | deze tags sluiten zichzelf, zoals bijvoorbeeld <img/>
- alleenstaande tags | dit type tag heeft geen sluitingstag nodig, omdat er geen content tussen geplaatst wordt. Een voorbeeld hiervan is de <br> tag die zorgt voor een witregel.
Attributen
Een attribuut wordt geplaatst in de openingstag, maar geeft aanvullende informatie over wat er met het gehele element moet gebeuren. Ze bestaan uit 2 delen: name (naam) en value (waarde). De naam en waarde worden opgesplitst door een = teken: name="value"
name:
De naam van het attribuut vertelt de browser wat voor soort extra informatie je d.m.v. het attribuut wilt geven en wordt altijd in kleine letters geschreven.
value:
De waarde is de uiteindelijke informatie die je aan de browser wilt geven, de uiteindelijke opdracht of instelling die de browser moet opvolgen voor dit element. De waarde staat altijd tussen aanhalingstekens: "value".
Een voorbeeld van een attribuut:
<p lang="nl">Deze paragraaf is in het Nederlands geschreven.</p>
Het language attribuut voor deze paragraaf is ingesteld op Nederlands.
Geen opmerkingen:
Een reactie posten