Добавление файлов для учебного проекта о Мурманске: HTML, CSS и изображения

2026-03-14 22:50:35 +03:00
parent 73972e5900
commit e359460c18
10 changed files with 1008 additions and 0 deletions
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Мурманск - климат</title>
+  <link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+  <header>
+    <div class="container">
+      <h1>Мурманск: климат</h1>
+    </div>
+  </header>
+
+  <main class="container">
+    <section>
+      <h2>Навигация</h2>
+      <nav aria-label="Навигация">
+        <ul class="nav-list">
+          <li><a href="../index.html">Главная</a></li>
+          <li><a href="page1.html">История</a></li>
+          <li><a href="page2.html">Климат</a></li>
+          <li><a href="page3.html">Население</a></li>
+        </ul>
+      </nav>
+    </section>
+
+    <section class="article-block">
+      <h2>Климат города</h2>
+      <p>Климат Мурманска субарктический морской: зима долгая, лето короткое и прохладное.</p>
+      <img class="city-image" src="../img/murmansk2.svg" alt="Мурманск и северное сияние">
+      <table>
+        <caption>Средняя температура по месяцам, °C</caption>
+        <thead>
+          <tr>
+            <th>Месяц</th>
+            <th>Температура</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>Январь</td><td>-10</td></tr>
+          <tr><td>Февраль</td><td>-10</td></tr>
+          <tr><td>Март</td><td>-6</td></tr>
+          <tr><td>Апрель</td><td>-1</td></tr>
+          <tr><td>Май</td><td>4</td></tr>
+          <tr><td>Июнь</td><td>10</td></tr>
+          <tr><td>Июль</td><td>13</td></tr>
+          <tr><td>Август</td><td>12</td></tr>
+          <tr><td>Сентябрь</td><td>8</td></tr>
+          <tr><td>Октябрь</td><td>3</td></tr>
+          <tr><td>Ноябрь</td><td>-3</td></tr>
+          <tr><td>Декабрь</td><td>-7</td></tr>
+        </tbody>
+      </table>
+    </section>
+  </main>
+
+  <footer>
+    <div class="container">
+      <p><a class="inline-link" href="../index.html">Вернуться на главную</a></p>
+    </div>
+  </footer>
+</body>
+</html>