# Oefeningen elementen en tags

# Oefening 1: Skelet

Maak een nieuwe HTML-pagina met naam oef1_skelet.html. Voorzie het volgende:

  • Basisskelet
  • Titel van de pagina is Halloween
  • In de body:
    • Kop: Verkleed als skelet
    • Paragraaf: Kleine beschrijving van een Halloween outfit
    • Horizontale lijn om af te sluiten

Neem een kijkje naar het gewenste resultaat.

NIEUW

Het <hr> (horizontal rule) element trekt een horizontale streep overheen de ganse lengte van de het blok. Het is een leeg element en heeft dus geen sluitingstag.

# Oefening 2: Structuur met koppen

Maak een nieuwe HTML-pagina met naam oef2_koppen.html. Voorzie het volgende:

  • Basisskelet
  • Titel: Menukaart
  • Hiërarchische structuur van koppen

De koppen en paragrafen die je opneemt horen een logische hiërarchie te volgen. Gebruik hiervoor koppen van verschillende niveaus: <h1>, <h2>, ...

In het voorbeeld verschilt het aanbod op de menukaart tussen lunch (middag) en dinner (avond).

MENUKAART
LUNCH
VOORGERECHTEN
HOOFDGERECHTEN
NAGERECHTEN
DINNER
VOORGERECHTEN
HOOFDGERECHTEN
NAGERECHTEN
DRANK

Schrijf onder elke kop kort welke gerechten er beschikbaar zijn (als je honger hebt komt de inspiratie wel!).

NIEUW

Er bestaan zes niveau's van koppen, <h1> tot en met <h6>. Ze dienen enkel om een duidelijke hiërarchische structuur via titels op te stellen.