★ Aan de slag 29

Voor de structuur van een webpagina wordt HTML gebruikt.
Voor de vormgeving van een webpagina worden stijlbladen gebruikt.
In het HTML-document wordt naar deze stijlbladen verwezen.
In het Engels worden deze stijlbladen Cascading Style Sheets of afgekort CSS genoemd.

Open in een browser het bestand welkom.html. Dit bestand kun je vinden onder de menukeuze Bijlagen.
Je kunt de broncode van dit bestand bekijken door het bestand in een editor te openen. (bijvoorbeeld Notepad++).

<!doctype html>
<html>
      <head>
          <title>Welcome</title>
      </head>
     <body>
             <h1>Welkom op mijn website</h1>
             <p>Dit is mijn eerste website</p>
             <p>Hier moet nog meer tekst komen</p>
      </body>
</html>

In dit bestand staat een verwijzing naar het CSS-bestand layout.css (<link rel="stylesheet" href="layout.css">). Open het CSS-bestand layout.css in bijvoorbeeld Notepad++.

body{
           color: blue;
}
hl {
}
p {
}


In de code van het CSS-bestand zie je tussen de accolades van de body de regel color: blue; staan. Daarmee geef je aan de de kleur van het lettertype blauw is. Voeg nu tussen de accolades bij h1 en p achtereenvolgens color: green; en color: red; toe. Sla het CSS-bestand op onder dezelfde naam.
Ververs in de browser de webpagina welkom.html.

  1. Welke veranderingen in de webpagina neem je waar?
  2. Kun je hier een verklaring voor geven?