<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Живая планета — География Земли</title>
</head>
<body>
<header>
<img src="logo.png" alt="Логотип Живая планета" width="50" height="50">
<h1>Живая планета</h1>
<p>Исследуй мир вместе с нами</p>
</header>
<nav>
<ul>
<li><a href="#about">О проекте</a></li>
<li><a href="#ecosystems">Экосистемы</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
<main>
<section id="about">
<h2>О нашей планете</h2>
[span_4](start_span)<p>Земля — это <strong>уникальная экосистема</strong>, поддерживающая жизнь на протяжении миллиардов лет.[span_4](end_span)</p>
[span_5](start_span)<p><mark>География</mark> изучает не только горы и океаны, но и взаимодействие человека с природой.[span_5](end_span)</p>
<hr> </section>
<section id="ecosystems">
<h2>Природные зоны</h2>
<article>
<h3>Тропические леса</h3>
<p>Эти леса называют «легкими планеты». [span_6](start_span)Они занимают <small>менее 6%</small> суши.[span_6](end_span)</p>
<figure>
<img src="forest.jpg" alt="Тропический лес" loading="lazy">
<figcaption>Рис 1. Амазонские джунгли</figcaption>
</figure>
<p>Дата последнего исследования: <time datetime="2024-05-20">20 мая 2024</time></p>
</article>
<h3>Крупнейшие океаны</h3>
<table border="1">
<caption>Характеристики океанов</caption>
<thead>
<tr>
<th>Название</th>
<th>Площадь (млн км<sup>2</sup>)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Тихий</td>
<td>166,2</td>
</tr>
<tr>
<td>Атлантический</td>
<td>106,5</td>
</tr>
</tbody>
</table>
</section>
</main>
<aside>
<h3>Интересные факты</h3>
<dl>
<dt>Эверест</dt>
[span_7](start_span)<dd>Высочайшая вершина Земли (8848 метров).[span_7](end_span)</dd>
<dt>Марианская впадина</dt>
[span_8](start_span)<dd>Самое глубокое место в океане.[span_8](end_span)</dd>
</dl>
<button type="button">Узнать больше</button>
</aside>
<footer>
<address>
Свяжитесь с нами: <a href="mailto:info@liveplanet.ru">info@liveplanet.ru</a><br>
Телефон: +7 (999) 000-00-00
</address>
<p>© 2026 Живая планета. [span_9](start_span)Все права защищены.[span_9](end_span)</p>
</footer>
</body>
</html>
