Een webpagina maken

Boilerplate Maken

◂ Terug naar overzicht

Transcript

Onze eerste .html pagina maken. Vaak beginnen developers met een soort van boilerplate een soort van template (blauwdruk) om html mee te schrijven. Dus voor dat we onze content (html elementen) gaan markuppen 'schrijven' moeten we eerst wat metadata toevoegen aan ons .html bestand.

In de sidebar maken we een website.html bestand.

  1. Als eerst onze doctype en HTML tag, die verteld de browser dat we HTML gaan gebruiken
  2. Dan de meta charset, die verteld hoe tekst gerenderd moet worden, bijvoorbeeld emoji's.
  3. Dan hebben we de head, alle data die niet op de pagina komt maar in de browser bar. Bijvoorbeeld de title van de webpagina.
  4. Ook heb je nog een responsive tag, de meta viewport die ervoor zorgt dat alles netjes schaalt op verschillende devices.
  5. En dan hebben we de body nog. Daar kunnen we onze content in gaan schrijven. Ik ga daar nu Hello world inzetten. Dus een openingstag van h1 en dan een sluitingstag.

En Hello World is best wel een grappig voorbeeld. Hello world eenvoudig computerprogramma dat niets anders doet dan de tekst "Hello world" op het scherm tonen. Het is een beetje een nerd grapje. Als je voor het eerst programmeerd of een nieuwe taal leert maak je vaak een hello world.

Virtuele hight-five. Je hebt je eerste Hello World html pagina gemaakt!

Links & resources