<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Обо мне</title>
<style>
body {
background-color: #f0f0f0;
color: #333;
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
}
h1 {
color: #2c3e50;
text-align: center;
}
h2 {
color: #34495e;
}
p {
font-size: 18px;
margin: 10px 0;
}
ul {
list-style-type: square;
}
img {
display: block;
margin: 20px auto;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
a {
display: block;
text-align: center;
font-size: 18px;
color: #2980b9;
text-decoration: none;
margin-top: 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<!-- Заголовок первого уровня -->
<h1>(ФИО), 11-В класс</h1>
<!-- Два абзаца о себе -->
<p>(ПРО СЕБЯ НАПИСАТЬ)</p>
<p>(ПРО СЕБЯ НАПИСАТЬ 2 ОБЗАЦ)</p>
<!-- Маркированный список любимых предметов -->
<h2>Мои любимые предметы в школе:</h2>
<ul>
<li>(1 ПРЕДМЕТ)</li>
<li>(2 ПРЕДМЕТ)</li>
<li>(3 ПРЕДМЕТ)</li>
</ul>
<!-- Изображение животного -->
<h2>Животное, с которым я себя ассоциирую</h2>
<img src="spb.jpg" alt="animal" width="400">
<!-- Ссылка на информацию о животном -->
<h2>Подробнее о (ЖИВОТНОЕ)</h2>
<a href="(ССЫЛКА НА ИСТОЧНИК ПРО ЖИВОТНОГО)" target="_blank">Читать на Википедии</a>
</body>
</html>
