Oefening HTML: de gustibus et coloribus non est disputandum

Doel

Bouw een eenvoudige statische website met HTML en CSS.

Opdracht

Maak een persoonlijke CV site of een site over je favoriete hobby met HTML en CSS.

Structuur: HTML elementen

  1. Maak een nieuw HTML bestand in een eenvoudige code editor zoals Atom.
  2. Voeg de lege basisstructuur van een HTML bestand toe.
<!DOCTYPE html>
  <html lang="nl">
    <head>
      <title>Mijn fantastische website</title>
    </head>
    <body>

    </body>
</html>
  1. Voeg de volgende HTML elementen met de nodige attributen tussen de body tags. Tip: MDN: Getting started with HTML
    1. Paragraaf <p>
    2. Afbeelding <img>
    3. Tabel <table>
    4. List, ordered <ol> en unordered <ul>
    5. Hyperlink (anchor), <a> zowel naar een externe pagina als naar een intern element.

Opmaak: CSS elementen

  1. Maak gebruik van inline CSS en een externe CSS file om je pagina op te maken. Tip: MDN: CSS basics
  2. Maak gebruik van <div> en <span> html elementen.
  3. Voorzie een menu op de website met de verschillende pagina’s.

results matching ""

    No results matching ""