Introductie tot HTML

Wat is HTML?

HTML (Hypertext Markup Language) is de essentiële taal voor het creëren van webpagina's. Het legt de fundering waarop webcontent wordt gebouwd en weergegeven in webbrowsers.

  • Het structureert content op het web en definieert elementen zoals tekst, afbeeldingen, links en formulieren.
  • Het kan samenwerken met talen zoals CSS (Cascading Style Sheets) en JavaScript om esthetisch en functioneel rijke webervaringen te creëren.
  • HTML gebruikt markup om de structuur en presentatie van webcontent te beheren.

Voorbeeld van een eenvoudig HTML document


<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mijn Eerste Webpagina</title>
</head>
<body>
    <h1>Hallo, wereld!</h1>
    <p>Welkom bij de wereld van HTML.</p>
</body>
</html>

Het voorbeeld uitgelegd

  • De <!DOCTYPE html> declaration definieert het document als een HTML5 document.
  • Het <html> element is het root element van een HTML pagina. Het omvat alle andere elementen en is daarom het enige bovenliggende element van alle andere elementen.
  • In het <head> element staat meta-informatie over de HTML pagina. Meta-data zijn gegevens over de gegevens, bij een webpagina de info of de gegevens over de html gegevens.
  • Het <title> element bepaalt de titel van de HTML pagina, verschijnt bovenaan in de titelbalk van de browser of in de tab van de webpagina.
  • Het <body> element bepaalt de “body” en is de container voor alle zichtbare elementen zoals koppen (headings), alinea’s (paragraphs), afbeeldingen, hyperlinks, tabellen, lijsten, enzv.
  • Het <h1> element beschrijft een grote kop (heading).
  • Het <p> element beschrijft een alinea (paragraph).

Terug naar boven