<!--opdracht 1: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 1</title>
</head>
<body>
<h1>Webpagina</h1>
<hr>
<table border="1" width="100%">
<tr>
<td style="background-color: lightblue;" colspan="3">Broeken</td>
</tr>
<tr>
<td style="background-color: lightgrey;">S</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
</tr>
<tr>
<td>43</td>
<td>56</td>
<td>88</td>
</tr>
<tr>
<td>23</td>
<td>12</td>
<td>23</td>
</tr>
<tr>
<td>12</td>
<td>76</td>
<td>14</td>
</tr>
<tr>
<td>18</td>
<td>34</td>
<td>67</td>
</tr>
<tr>
<td>45</td>
<td>19</td>
<td>43</td>
</tr>
</table>
</body>
</html>
Download hier het bestand.
<!--opdracht 2: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 2</title>
</head>
<body>
<h1>Webpagina</h1>
<hr>
<table border="1" width="100%">
<tr>
<td style="font-weight: bold; text-align: center; background-color: green;" colspan="7">Voorraad</td>
</tr>
<tr>
<td style="background-color: lightblue;" colspan="3">Broeken</td>
<td style="background-color: lightblue;" colspan="2">T-shirts</td>
</tr>
<tr>
<td style="background-color: lightgrey;">S</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
</tr>
<tr>
<td>43</td>
<td>56</td>
<td>88</td>
<td>34</td>
<td>53</td>
</tr>
<tr>
<td>23</td>
<td>12</td>
<td>23</td>
<td>44</td>
<td>23</td>
</tr>
<tr>
<td>12</td>
<td>76</td>
<td>14</td>
<td>48</td>
<td>12</td>
</tr>
<tr>
<td>18</td>
<td>34</td>
<td>67</td>
<td>19</td>
<td>21</td>
</tr>
<tr>
<td>45</td>
<td>19</td>
<td>43</td>
<td>11</td>
<td>18</td>
</tr>
</table>
</body>
</html>
Download hier het bestand.
<!--opdracht 3: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 3</title>
</head>
<body>
<h1 style="color:blue;">Webpagina</h1>
<hr>
<table border="1" width="100%">
<tr>
<td style="font-weight: bold; text-align: center; background-color: green;" colspan="7">Voorraad</td>
</tr>
<tr>
<td></td>
<td style="background-color: lightblue;" colspan="3">Broeken</td>
<td style="background-color: lightblue;" colspan="2">T-shirts</td>
</tr>
<tr>
<td></td>
<td style="background-color: lightgrey;">S</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Amsterdam</td>
<td>43</td>
<td>56</td>
<td>88</td>
<td>34</td>
<td>53</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Alkmaar</td>
<td>23</td>
<td>12</td>
<td>23</td>
<td>44</td>
<td>23</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Haarlem</td>
<td>12</td>
<td>76</td>
<td>14</td>
<td>48</td>
<td>12</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Rotterdam</td>
<td>18</td>
<td>34</td>
<td>67</td>
<td>19</td>
<td>21</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Den Haag</td>
<td>45</td>
<td>19</td>
<td>43</td>
<td>11</td>
<td>18</td>
</tr>
</table>
</body>
</html>
Download hier het bestand.
<!--opdracht 4: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 4</title>
</head>
<body>
<h1 style="color:blue;">Webpagina</h1>
<hr>
<table border="1" width="100%">
<tr>
<td style="font-weight: bold; text-align: center; background-color: green;" colspan="7">Voorraad</td>
</tr>
<tr>
<td></td>
<td></td>
<td style="background-color: lightblue;" colspan="3">Broeken</td>
<td style="background-color: lightblue;" colspan="2">T-shirts</td>
</tr>
<tr>
<td></td>
<td></td>
<td style="background-color: lightgrey;">S</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
<td style="background-color: lightgrey;">M</td>
<td style="background-color: lightgrey;">L</td>
</tr>
<tr>
<td style="background-color: lightblue;" rowspan="3">Noord Holland</td>
<td style="background-color: lightgrey;">Amsterdam</td>
<td>43</td>
<td>56</td>
<td>88</td>
<td>34</td>
<td>53</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Alkmaar</td>
<td>23</td>
<td>12</td>
<td>23</td>
<td>44</td>
<td>23</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Haarlem</td>
<td>12</td>
<td>76</td>
<td>14</td>
<td>48</td>
<td>12</td>
</tr>
<tr>
<td style="background-color: lightblue;" rowspan="2">Zuid Holland</td>
<td style="background-color: lightgrey;">Rotterdam</td>
<td>18</td>
<td>34</td>
<td>67</td>
<td>19</td>
<td>21</td>
</tr>
<tr>
<td style="background-color: lightgrey;">Den Haag</td>
<td>45</td>
<td>19</td>
<td>43</td>
<td>11</td>
<td>18</td>
</tr>
</table>
</body>
</html>
Download hier het bestand.