Geen onderdeel van een categorie

Wat is HTML

14 oktober, 2024 Reacties uitgeschakeld voor Wat is HTML

HTML (Hypertext Markup Language) is de standaardtaal die wordt gebruikt om inhoud op het web te maken en te structureren. Het vormt de basis voor hoe webpagina’s worden opgebouwd en weergegeven in webbrowsers. HTML maakt gebruik van een reeks elementen (tags) om inhoud te ordenen in koppen, alinea’s, afbeeldingen, koppelingen, tabellen, formulieren en meer.

Hier wordt uitgelegd hoe HTML werkt:

Basisstructuur van een HTML-document:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title of the Webpage</title>
</head>
<body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph of text.</p>
    <a href="https://www.example.com">This is a link</a>
</body>
</html>

Belangrijkste elementen van HTML:

  1. <DOCTYPE html>: Dit verklaart het documenttype en de versie van HTML (HTML5 in dit geval).
  2. <html>: Het basiselement dat alle HTML-code bevat.
  3. <head>: De sectie die meta-informatie bevat zoals de titel, tekenset en scripts.
  4. <titel>: Definieert de titel die wordt weergegeven op het browsertabblad.
  5. <body>: Dit is waar de zichtbare inhoud van de webpagina komt, zoals tekst, afbeeldingen en links.
  6. <h1>, <h2>, … <h6>: Kopteksten die variëren van meest belangrijk (h1) tot minst belangrijk (h6).
  7. <p>: Alinea-tag voor gewone tekst.
  8. <een>: Link-tag om verbinding te maken met andere webpagina’s of URL’s.

Voorbeeld van complexere HTML:

Je kunt ook tabellen, afbeeldingen en formulieren toevoegen met HTML:

Voorbeeld van een tabel:

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

Voorbeeld van een afbeelding:

<img src="image-url.jpg" alt="A description of the image">

Wat HTML doet:

  • Structuur: HTML definieert de structuur van je inhoud. Het vertelt de browser hoe tekst, afbeeldingen en andere media op een pagina moeten worden gerangschikt.
  • Semantiek: HTML-elementen hebben een betekenis. Een tag <p> vertelt de browser bijvoorbeeld dat dit een paragraaf is, terwijl een tag <h1> vertelt dat dit de hoofdtitel is.
  • Toegankelijkheid: Goede HTML verbetert de toegankelijkheid van een website door ervoor te zorgen dat hulptechnologieën de inhoud goed kunnen lezen.

Samengevat is HTML essentieel voor het maken van webpagina’s en om ervoor te zorgen dat ze correct worden weergegeven op verschillende apparaten en browsers. Het is de ruggengraat van het web!