<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Хронограф — Живая лента времени</title>
</head>
<body>
<header>
<img src="logo.png" alt="Логотип Хронограф" width="50">
<h1>История мира: Лента времени</h1>
</header>
<nav>
<ul>
<li><a href="#about">О нас</a></li>
<li><a href="#events">События</a></li>
<li><a href="#table">Эпохи</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
<main>
<section id="about">
<h2>О проекте</h2>
<p>Этот сайт представляет собой <strong>интерактивную хронику</strong>. Мы используем <em>научные данные</em>, чтобы показать историю в динамике.</p>
<p><mark>Важное примечание:</mark> лента постоянно обновляется новыми открытиями.</p>
</section>
<hr> <section id="events">
<h2>Живая лента времени</h2>
<article>
<h3>Открытие Америки</h3>
<p>Экспедиция под руководством Христофора Колумба достигла берегов Нового Света. Это событие ознаменовало начало новой эры.</p>
<figure>
<img src="ship.jpg" alt="Каравелла Колумба" width="300">
<figcaption>Рис. 1 — Реконструкция флагманского корабля</figcaption>
</figure>
<p>Дата события: <time datetime="1492-10-12">12 октября 1492 года</time></p>
<button type="button">Читать подробную хронику</button>
</article>
<br>
<article id="table">
<h3>Сравнение исторических периодов</h3>
<table>
<caption>Таблица основных эпох</caption>
<thead>
<tr>
<th>Эпоха</th>
<th>Ключевой признак</th>
<th>Век</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ренессанс</td>
<td>Расцвет искусств</td>
<td>XIV–XVI вв.</td>
</tr>
<tr>
<td>Просвещение</td>
<td>Культ разума</td>
<td>XVII–XVIII вв.</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">Источник: Исторический атлас</td>
</tr>
</tfoot>
</table>
</article>
</section>
</main>
<aside>
<h3>Глоссарий терминов</h3>
<dl>
<dt>Артефакт</dt>
<dd>Объект, созданный человеком и имеющий историческое значение.</dd>
<dt>Эра</dt>
<dd>Крупный исторический период, начинающийся с важного события.</dd>
</dl>
<p>Текущая версия архива: 2.0 <sup>beta</sup></p>
</aside>
<footer>
<hr>
<address>
Автор проекта: Историк-исследователь<br>
Email: <a href="mailto:archive@history.ru">archive@history.ru</a>
</address>
<p>© 2026 Живая лента времени. Все права защищены.</p>
</footer>
</body>
</html>
