<html>
<head>
<title>Eka sivu</title>
<style>
table {
width: 100%;
}
@media (max-width: 1000px) {
body {
background-color: red;
}
tabel {
width: 50%;
}
}
</style>
</head>
<body>
<h1>Santerin mageet www-sivut</h1>
<p>aesfaergergsdfgdfgsdfgsdgfs<br></p>
<a href="http://yle.fi"> Ylen sivulle</a>
<a href="eka_sivu.html">Palaa etusivulle</a>
<a href="http://hamk.fi"> Hamkin sivulle</a>
<table border="1">
<tr>
<td>Tuote</td>
<td>Hinta</td>
</tr>
<tr>
<td>Auto</td>
<td>5 €</td>
</tr>
<tr>
<td>Pyörä</td>
<td>6 €</td>
</tr>
</table>
<ul>
<li>kissa</li>
</ul>
<img src="https://static-sls.smf.aws.sanomacloud.net/kodinkuvalehti.fi/s3fs-public/styles/large_main_image/public/main_media/kissa.jpg?itok=I7G88PX3">
<p>
Santeri Heinola<br>
Farmitie 9<br>
31300
</p>
</body>
</html>