Opdracht 5

<!DOCTYPE html>
<html>
  <head>
    <title>Opdracht 5</title>
    <style>
      body {
        background-color: red;
      }
    </style>
  </head>

  <body>
    <h1>de dieren op de noordpool</h1>
    <p>De volgende dieren wonen op de noordpool:
      veelvraat, Canadese lynx, Fluitzwaan, Poolhaas, 
      Rode vos, Witte dolfijn, IJsbeer, Rendier, Narwal, 
      Sneeuwuil, Poolvos, Reuzenalk, Papegaaiduiker.</p>

    <h2> eigenschappen van de dieren </h2>
    <table>
      <tr>
        <th>dier</th>
        <th>kleur</th> 
        <th>Aantal poten</th>
      </tr>
      <tr>
        <td>Witte dolfijn</td>
        <td>Wit</td>
        <td>Geen</td>
      </tr>
      <tr>
        <td>ijsbeer</td>
        <td>Wit</td>
        <td>4</td>
      </tr>
      <tr>
        <td>Rode vos</td>
        <td>Rood?</td>
        <td>4</td>
      </tr>
    </table>

  </body>
</html>

Stap 1

Neem eerst bovenstaande code over in weer een nieuwe index.html file in een nieuwe map.

Bepaal een mooie kleur, achtergrondkleur en lettertype voor alle <h1>-tags op je pagina.

Stap 2

Doe hetzelfde voor de body

Stap 3

Kleur je tabel nu in door de <td> en de <tr>-tags een andere achtergrondkleur te geven.

Stap 4

Stap 5

Stap 6

Previousapart css bestand Nextfilmpje: iframes om andere pagina's in te voegen

Last updated 1 year ago

Was this helpful?

<!DOCTYPE html> <html> <head> <title>Opdracht 5</title> <style> body { background-color: red; } </style> </head> <body> <h1>de dieren op de noordpool</h1> <p>De volgende dieren wonen op de noordpool: veelvraat, Canadese lynx, Fluitzwaan, Poolhaas, Rode vos, Witte dolfijn, IJsbeer, Rendier, Narwal, Sneeuwuil, Poolvos, Reuzenalk, Papegaaiduiker.</p> <h2> eigenschappen van de dieren </h2> <table> <tr> <th>dier</th> <th>kleur</th> <th>Aantal poten</th> </tr> <tr> <td>Witte dolfijn</td> <td>Wit</td> <td>Geen</td> </tr> <tr> <td>ijsbeer</td> <td>Wit</td> <td>4</td> </tr> <tr> <td>Rode vos</td> <td>Rood?</td> <td>4</td> </tr> </table> </body> </html>