webdevh3.1

<!-- oefening 1 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <meta name="description" content="Koop hier al uw producten online!">
	  <meta name="keywords" content="Product 1, Product 2">
	  <meta name="author" content="PTH">
	  <title>Webwinkel</title>
	</head>

	<body>

		<h1 style="color:blue; font-weight: bold;">Menu</h1>

		<p>Maak een keuze:</p>
		
		<table width="100%">
			<tr>
				<td><a href="#">Home</a></td>
				<td><a href="klanten.html">Klanten</a></td>
				<td><a href="bestellingen.html">Bestellingen</a></td>
			</tr>
		</table>

		<h2>Home</h2>
		
		<p style="color:green;">Druk op de bovenstaande link om weer terug te keren naar deze pagina.</p>

		<h2>Klanten</h2>
		
		<p style="color:green;">Druk op de bovenstaande link om naar het overzicht van de klanten te gaan.</p>
		
		<h2>Bestellingen</h2>
		
		<p style="color:green;">Druk op de bovenstaande link om naar het overzicht van de bestellingen te gaan.</p>

	</body>

</html>

Download hier het bestand.
<!-- oefening 2 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <title>Klanten</title>
	</head>

	<body>
	
		<h1 style="color:blue; font-weight: bold;">Menu</h1>

		<p>Maak een keuze:</p>
	
		<table width="100%">
			<tr>
				<td><a href="index.html">Home</a></td>
				<td><a href="#">Klanten</a></td>
				<td><a href="bestellingen.html">Bestellingen</a></td>
			</tr>
		</table>
		
		<br><br>
		
		<table width="100%" border="1">
			<tr>
				<td style="font-weight: bold; background-color:yellow" width="25%">Klantnummer</td>
				<td style="font-weight: bold; background-color:yellow" width="25%">Naam</td>
				<td style="font-weight: bold; background-color:yellow">Woonplaats</td>
			</tr>
			<tr>
				<td>k1</td>
				<td>Floris</td>
				<td>Rotterdam</td>
			</tr>
			<tr>
				<td>k2</td>
				<td>Gert Jan</td>
				<td>Utrecht</td>
			</tr>
			<tr>
				<td>k3</td>
				<td>Marinda</td>
				<td>Den Haag</td>
			</tr>
			<tr>
				<td>k4</td>
				<td>Sjon</td>
				<td>Amsterdam</td>
			</tr>
		</table>

	</body>

</html>

Download hier het bestand.
<!-- oefening 3 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <title>Bestellingen</title>
	</head>

	<body>
	
		<h1 style="color:blue; font-weight: bold;">Menu</h1>

		<p>Maak een keuze:</p>
		
		<table width="100%">
			<tr>
				<td><a href="index.html">Home</a></td>
				<td><a href="klanten.html">Klanten</a></td>
				<td><a href="#">Bestellingen</a></td>
			</tr>
		</table>
		
		<br><br>
		
		<table width="100%" border="1">
			<tr>
				<td style="font-weight: bold; text-align:center; background-color:cyan;" colspan="3">Overzicht</td>
			</tr>
			<tr>
				<td style="font-weight: bold; background-color:yellow" width="25%">Bestelnummer</td>
				<td style="font-weight: bold; background-color:yellow" width="25%">Datum</td>
				<td style="font-weight: bold; background-color:yellow">Klantnummer</td>
			</tr>
			<tr>
				<td>b1</td>
				<td>16-4-2010</td>
				<td>k1</td>
			</tr>
			<tr>
				<td>b2</td>
				<td>25-10-2014</td>
				<td>k1</td>
			</tr>
			<tr>
				<td>b3</td>
				<td>25-6-2011</td>
				<td>k3</td>
			</tr>
			<tr>
				<td>b4</td>
				<td>17-11-2011</td>
				<td>k4</td>
			</tr>
		</table>

	</body>

</html>

Download hier het bestand.