<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Галерея — один снимок</title>
<style>
body { font-family: system-ui, sans-serif; max-width: 40rem; margin: 0 auto; padding: 1.25rem; }
figure { margin: 1.5rem 0; }
figcaption { color: #555; font-size: 0.95rem; margin-top: 0.35rem; }
</style>
</head>
<body>
<h1>Школьный проект «Мой город»</h1>
<p>Источники и материалы для отчёта.</p>
<figure>
<img
src="https://picsum.photos/640/360"
alt="Панорама города на закате — учебная иллюстрация"
width="640"
height="360"
loading="lazy"
>
<figcaption>Рис. 1 — вид на центр (фото для примера с picsum.photos).</figcaption>
</figure>
<h2>Полезные ссылки</h2>
<ul>
<li><a href="https://www.w3.org/" rel="noopener noreferrer" target="_blank">W3C — стандарты веба</a></li>
<li><a href="./index.html">Вернуться на главную (относительная ссылка)</a></li>
<li><a href="mailto:teacher@school.ru">Написать учителю</a></li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Галерея — один снимок</title>
<style>
body { font-family: system-ui, sans-serif; max-width: 40rem; margin: 0 auto; padding: 1.25rem; }
figure { margin: 1.5rem 0; }
figcaption { color: #555; font-size: 0.95rem; margin-top: 0.35rem; }
</style>
</head>
<body>
<h1>Школьный проект «Мой город»</h1>
<p>Источники и материалы для отчёта.</p>
<figure>
<img
src="https://picsum.photos/640/360"
alt="Панорама города на закате — учебная иллюстрация"
width="640"
height="360"
loading="lazy"
>
<figcaption>Рис. 1 — вид на центр (фото для примера с picsum.photos).</figcaption>
</figure>
<h2>Полезные ссылки</h2>
<ul>
<li><a href="https://www.w3.org/" rel="noopener noreferrer" target="_blank">W3C — стандарты веба</a></li>
<li><a href="./index.html">Вернуться на главную (относительная ссылка)</a></li>
<li><a href="mailto:teacher@school.ru">Написать учителю</a></li>
</ul>
</body>
</html>