Beginner's Guide to Learning HTML Basics

Welkom bij de introductieles over HTML! In deze les zullen we leren over de basisprincipes
van HTML en hoe je webpagina's kunt maken. HTML is de standaardtaal
voor het structureren en presenteren van inhoud op het web. Laten we beginnen!

Elke webpagina heeft een basisstructuur. Laten we eens kijken naar de elementen die
nodig zijn in een HTML-document:


<!DOCTYPE html>
<html>
<head>
  <title>Mijn Eerste Webpagina</title>
</head>
<body>
  <h1>Welkom op mijn website!</h1>
  <p>Dit is een voorbeeld van een paragraaf.</p>
</body>
</html>

Het eerste element, <!DOCTYPE html>, geeft aan dat het document een HTML5-document is.
Het <html>>-element is het startpunt van het HTML-document.
Het <head>-element bevat metadata zoals de paginatitel.
Het <body>-element bevat de zichtbare inhoud van de pagina.

HTML werkt met elementen en tags. Een element is een bouwsteen van een webpagina en
een tag is een specifiek HTML-commando dat deel uitmaakt van een element. Laten we
enkele voorbeelden bekijken:

Koppen: Gebruik de <h1>- tot <h6>-elementen om koppen met verschillende niveaus
van hiërarchie te maken.
Paragrafen: Gebruik het <p>-element om tekst in een alinea weer te geven.
Hyperlinks: Gebruik het <a href="url">tekst</a>-element om hyperlinks naar andere
webpagina's toe te voegen.
Afbeeldingen: Gebruik het <img src="afbeeldingsurl" alt="alternatieve tekst">-element
om afbeeldingen in te voegen.
Lijsten: Gebruik de <ul>- en <li>-elementen om ongeordende lijsten te maken.

Laten we enkele basisinhoudselementen nader bekijken:


<h1>Dit is een kop van niveau 1</h1>
<h2>Dit is een kop van niveau 2</h2>


<p>Dit is een voorbeeld van een paragraaf.</p>


<a href="https://www.example.com">Dit is een link naar een andere website</a>


<img src="afbeeldingsurl" alt="alternatieve tekst">


<ul>
<li>Eerste item</li>
<li>Tweede item</li>
<li>Derde item</li>
</ul>

Nu is het tijd om zelf aan de slag te gaan! Hier is een oefening om je kennis toe te passen en
een eenvoudige webpagina te maken:

Oefening: Maak een HTML-document met de volgende elementen:

Een kop van niveau 1 met de tekst "Mijn Eerste Webpagina".
Een paragraaf met de tekst "Welkom op mijn website!"
Een afbeelding van een kat.
Een hyperlink naar een andere website met de tekst "Klik hier".
Een ongeordende lijst met minimaal drie items.

Probeer de elementen op de juiste manier in het HTML-document te plaatsen en bekijk het
resultaat in een webbrowser.

Geweldig werk! Je hebt zojuist de basisprincipes van HTML geleerd en je eigen webpagina
gemaakt. HTML is een krachtige taal waarmee je de structuur en inhoud van webpagina's
kunt beheren.

In deze les hebben we geleerd over de basisstructuur van een HTML-document, elementen
en tags, en enkele basisinhoudselementen zoals koppen, paragrafen, hyperlinks,
afbeeldingen en lijsten.

HTML-beginnners