HTML, de basis van webpagina's, bepaalt hun structuur en inhoud. Vergelijk het met het fundament, de muren, de deur en het dak van een huis.

In de kern bestaat HTML uit elementen die tussen punthaken (<>) staan en meestal in paren voorkomen - een openingstag en een sluitingstag. Deze elementen vormen een hiërarchische structuur, waarbij sommige elementen in andere zijn genest om een betekenisvolle indeling te creëren.

Voorbeeld:

Klik op de knop Code uitvoeren om de website in actie te zien.

Verschillende tags toevoegen in HTML

In HTML kunnen we verschillende tags gebruiken om diverse soorten inhoud aan de webpagina toe te voegen. Zo kunnen we tekst, afbeeldingen, links en meer toevoegen:

Tekst toevoegen

Voor het toevoegen van tekst aan de webpagina gebruiken we de <p>-tag voor alinea's en <h1> tot <h6> voor koppen van verschillende niveaus.

Afbeeldingen toevoegen

Voor het toevoegen van afbeeldingen gebruiken we de <img>-tag. Geef de bron van de afbeelding op (het src-attribuut) en voeg optioneel attributen toe zoals alt voor alternatieve tekst en width en height voor de afmetingen.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Links toevoegen

Voor het toevoegen van hyperlinks naar andere webpagina's of bronnen wordt de <a>-tag gebruikt. De URL van de bestemmingspagina wordt gespecificeerd met het href-attribuut.

Lijsten toevoegen

Voor het maken van geordende (genummerde) of ongeordende (opgesomde) lijsten worden respectievelijk de <ol>- en <ul>-tags gebruikt. Gebruik binnen deze tags de <li>-tag voor elk lijstitem.

Formulieren toevoegen

Voor het maken van formulieren voor gebruikersinvoer kunnen verschillende formuliergerelateerde tags zoals <form>, <input> en <button> worden gebruikt.

Met deze HTML-tags kan een breed scala aan inhoud aan de webpagina worden toegevoegd, van eenvoudige tekst en afbeeldingen tot interactieve formulieren. Hieronder staat de website met de gebruikte tags.

Videotutorial