HTML vormt de basis van elke webpagina. Het definieert de structuur en inhoud van een website, vergelijkbaar met hoe muren, deuren en een dak een huis vormen.

HTML bestaat uit elementen, die meestal in paren voorkomen: een openende tag en een sluitende tag. Deze elementen vormen een hiërarchie, waarbij sommige elementen in andere zijn genest om een betekenisvolle paginstructuur te creëren.

Voorbeeld

Klik op Code uitvoeren om het resultaat te bekijken:

Verschillende tags toevoegen in HTML

In HTML kunnen diverse tags worden gebruikt om verschillende soorten inhoud aan de webpagina toe te voegen. Hieronder wordt uitgelegd hoe tekst, afbeeldingen, links en meer kunnen worden toegevoegd:

Tekst toevoegen

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

Afbeeldingen toevoegen

Om afbeeldingen toe te voegen, 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

Om hyperlinks naar andere webpagina's of bronnen toe te voegen, gebruiken we de <a>-tag. Geef de URL van de bestemmingspagina op met het href-attribuut.

Lijsten toevoegen

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

Formulieren toevoegen

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

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

Videotutorial