Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Werken met HTML-attributen | HTML-Tags en Attributen
Ultimate HTML

Werken met HTML-attributen

Veeg om het menu te tonen

Attributen geven extra informatie over een HTML-element. Ze kunnen het gedrag, het uiterlijk of de functionaliteit van een element wijzigen. Attributen worden binnen de openingstag geschreven en volgen altijd het patroon:

<tagname attribute_name="attribute_value">some content</tagname>

Belangrijke punten

  • Attributen kunnen verplicht of optioneel zijn: sommige elementen vereisen specifieke attributen (bijvoorbeeld src voor <img>), terwijl andere optionele attributen gebruiken voor aanpassing;
  • Waarden worden tussen aanhalingstekens geschreven: gebruik "..." of '...' rond de waarde om de code leesbaar te houden;
  • Elke tag ondersteunt verschillende attributen: bijvoorbeeld, <img> gebruikt src en alt, terwijl <a> href gebruikt;
  • Meerdere attributen toevoegen is mogelijk: scheid ze eenvoudig met spaties binnen de openingstag.
index.html

index.html

  • src geeft aan waar de afbeelding zich bevindt;
  • alt biedt tekst die wordt weergegeven als de afbeelding niet kan worden geladen.
Note
Opmerking

De specifieke attributen van elk element worden later behandeld. Nu ligt de focus op het begrijpen van het concept van attributen, hun toepassing en het feit dat elk element een unieke set attributen heeft.

Samenvatting

Elk HTML-element kan attributen bevatten om het gedrag te bepalen:

  • Tag bepaalt het type element;
  • Attributen voegen extra details toe;
  • Inhoud is wat tussen de tags verschijnt (als het element sluitende tags heeft).

Dit is het kernidee dat je gedurende de cursus zult gebruiken bij het werken met verschillende elementen.

question mark

Wat is de juiste manier om een attribuut in een HTML-element op te geven?

Selecteer het correcte antwoord

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 2. Hoofdstuk 2
some-alt