/
llrr
/
lab4
Обзор
Документация
Войти
/
llrr
/
lab4
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
86 строк
7 KB
llrr
Create: index.html, style.css, normalizion.css
14 июн 2026, 21:52
Верифицирован
14 июн 2026, 21:52
ef0d2cd
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Мой любимый город - Санкт-Петербург</title> <!-- Подключаем normalize.css и style.css --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <h1>Добро пожаловать в Санкт-Петербург!</h1> <p>Северная столица России - город мостов, каналов и белых ночей</p> </header> <nav> <a href="#about">О городе</a> | <a href="#history">История</a> | <a href="#attractions">Достопримечательности</a> </nav> <main> <section id="about"> <h2>О Санкт-Петербурге</h2> <!-- Обертка для картинки с абсолютно позиционированной подписью --> <div class="image-wrapper"> <img src="https://www.spbmuzei.ru/wp-content/uploads/2023/09/dvorczovaya-ploshhad-v-sankt-peterburge-s-glavnym-shtabom-1536x970.jpeg" alt="Дворцовая площадь в Санкт-Петербурге"> <div class="image-caption">Дворцовая площадь - главная площадь города</div> </div> <p>Санкт-Петербург - один из самых красивых городов мира, основанный Петром I в 1703 году. Город славится своей уникальной архитектурой, многочисленными каналами и разводными мостами. Это культурная столица России, где сосредоточено огромное количество музеев, театров и художественных галерей.</p> <p>Каждый год миллионы туристов приезжают сюда, чтобы увидеть знаменитые белые ночи, которые длятся с середины мая до середины июля. В это время город особенно красив: разведенные мосты, отражающиеся в воде, создают неповторимую атмосферу романтики и волшебства.</p> <p>Петербург по праву называют музеем под открытым небом. Здесь насчитывается более 8000 памятников истории и культуры, включая дворцы, соборы и усадьбы, многие из которых входят в список Всемирного наследия ЮНЕСКО.</p> </section> <section id="history"> <h2>История создания</h2> <p>Город был основан 27 мая 1703 года по указу Петра I. Первым сооружением стала Петропавловская крепость, заложенная на Заячьем острове. Строительство города велось на осушенных болотах, что требовало огромных усилий и жертв, но результат превзошел все ожидания - на берегах Невы вырос один из красивейших городов Европы.</p> <p>С 1712 по 1918 год Петербург был столицей Российской империи. За это время город пережил множество исторических событий: дворцовые перевороты, наводнения, революции и блокаду во время Второй мировой войны. Несмотря на все испытания, Петербург сохранил свое величие и красоту.</p> <p>Сегодня Санкт-Петербург - это современный мегаполис с населением более 5 миллионов человек, который продолжает развиваться, сохраняя при этом свое историческое наследие и уникальный облик.</p> </section> <section id="attractions"> <h2>Главные достопримечательности</h2> <p>В Санкт-Петербурге сотни мест, которые обязательно стоит посетить. Вот список самых известных достопримечательностей города:</p> <ul> <li><strong>Эрмитаж</strong> - один из крупнейших художественных музеев мира, расположенный в Зимнем дворце</li> <li><strong>Петропавловская крепость</strong> - место основания города, где находятся усыпальницы российских императоров</li> <li><strong>Исаакиевский собор</strong> - самый большой православный храм города с уникальной колоннадой</li> <li><strong>Спас на Крови</strong> - храм-памятник на месте убийства императора Александра II</li> <li><strong>Петергоф</strong> - знаменитая резиденция русских царей с великолепными фонтанами</li> </ul> <p><strong>Полезные ссылки:</strong></p> <a href="https://www.hermitagemuseum.org" target="_blank">Официальный сайт Эрмитажа</a> <br> <a href="https://www.visit-petersburg.ru" target="_blank">Туристический портал Петербурга</a> </section> </main> <!-- ПОДВАЛ (footer) --> <footer> <p>© 2024 Санкт-Петербург | Все права защищены</p> <p>Сайт создан в рамках лабораторной работы №4 по CSS</p> <p>Санкт-Петербург - культурная столица России</p> </footer> <!-- ПЛАВАЮЩАЯ КНОПКА (fixed positioning) --> <div class="floating-button" onclick="scrollToTop()">↑</div> <!-- СКРИПТ ДЛЯ КНОПКИ --> <script> function scrollToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); } </script> </body> </html>