Odpowiedź:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<title>hatemel</title>
<meta charset="utf-8">
<meta description content="wzium">
<style>
* {
font-family: sans-serif;
}
img {
border: 1px solid black;
}
a {
text-decoration: none;
color: #a95bff;
transition: 0.2s;
}
a:hover {
text-decoration: underline;
color: white;
}
#content {
margin: 5px;
}
.naglowek1 {
color: green;
font-size: 30px;
}
#menu {
background-color: #fff85b;
padding: 5px;
margin: 5px;
}
</style>
</head>
<body>
<img src="obrazek.png" width="200" height="240" />
<div id="menu">
<a href="link">przejdź na strone 1</a>
<a href="link">przejdź na strone 2</a>
<a href="link">przejdź na strone 3</a>
</div>
<div id="content">
<h1 class="naglowek1"> witaj! </h1>
<p> witaj na stronie! </p>
</div>
</body>
</html>
Wyjaśnienie: