Действие сюжета разворачивается в 1963 году в Иокогаме (прообразом места действия выступил район Яматэ[5]). У героини — Уми Мацудзаки — отец, командир корабля, погиб во время Корейской войны 10 лет назад, когда она была ещё маленькой девочкой. В то время как её мать находится в отъезде, девочке приходится принять хозяйство на себя, в частности, не забывать каждое утро поднимать сигнальные флажки с сообщением: «Желаю вам счастливого плавания!» — такое правило поставил отец, чтобы видеть с моря, что его ожидают дома.
В городке имеется школьный клуб с разнообразными секциями по интересам. Клуб хотят закрыть, тем более, что здание, в котором он базируется, уже обветшало. И вот Уми вместе с другими школьными активистами решает ехать в Токио к спонсору школы, чтобы спасти дом от разрушения. На фоне общественной деятельности просыпается первая любовь.
Действие сюжета разворачивается в 1963 году в Иокогаме (прообразом места действия выступил район Яматэ[5]). У героини — Уми Мацудзаки — отец, командир корабля, погиб во время Корейской войны 10 лет назад, когда она была ещё маленькой девочкой. В то время как её мать находится в отъезде, девочке приходится принять хозяйство на себя, в частности, не забывать каждое утро поднимать сигнальные флажки с сообщением: «Желаю вам счастливого плавания!» — такое правило поставил отец, чтобы видеть с моря, что его ожидают дома.
В городке имеется школьный клуб с разнообразными секциями по интересам. Клуб хотят закрыть, тем более, что здание, в котором он базируется, уже обветшало. И вот Уми вместе с другими школьными активистами решает ехать в Токио к спонсору школы, чтобы спасти дом от разрушения. На фоне общественной деятельности просыпается первая любовь.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Упражнение Статьи 28 июня</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.11.1/build/styles/shades-of-purple.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
<style>
.image-div {
text-align: center;
}
.article-image {
border-right: 5px solid green;
border-left: 5px solid yellow;
width: 100px;
}
.article-keyword {
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 125%;
}
p {
text-indent: 20px;
}
.links-in-menu {
text-decoration: overline;
}
.footer {
text-align: right;
color: grey;
}
.copy-link{
color: grey;
}
#logo {
width: 30px;
border: 2px dashed #0000FF;
}
.menu {
text-align: center;
}
</style>
</head>
<body>
<!--
Упражнение “Статьи”: создать страницу со статьями (2+),
в которой будет меню, подвал с копирайтами, в статье (каждой) будет несколько (2+)
изображений и абзацев (2+).
В статье каждый абзац должен быть выделен отступом в 20 пикселей, каждая картинка
должна находиться в центре экрана и иметь границы справа и слева в 5 пикселей
(ваших любимых цветов).
Главные термины в статье должны быть выделены (см пример с термином style на странице
кода второй практики), под статьёй должен быть список источников статьи (2-3).
-->
<div class="menu">
<!-- Менюшка -->
<!-- Меню должно быть по центру экрана свеху,
ссылки в нём должны быть надчёркнуты, перед ссылками должен быть логотип
(небольшая картинка) с синей границей (2 пикселя) . -->
<img src="sticker.webp" id="logo">
<a href="27.06.html" class="links-in-menu">Код из видео</a>,
<a href="27.06.pdf" class="links-in-menu">PDF</a>,
<a href="27.06.mp4" class="links-in-menu">видео</a>,
<a href="../" class="links-in-menu">главная курса</a>
</div>
<div>
<!-- Тут статьи -->
<div>
<!-- Первая статья -->
<h1>Со склонов Кокурико</h1>
<p>Действие сюжета разворачивается в 1963 году в <span class="article-keyword">Иокогаме</span> (прообразом места действия выступил район Яматэ[5]). У героини — Уми Мацудзаки — отец, командир корабля, погиб во время Корейской войны 10 лет назад, когда она была ещё маленькой девочкой. В то время как её мать находится в отъезде, девочке приходится принять хозяйство на себя, в частности, не забывать каждое утро поднимать сигнальные флажки с сообщением: «Желаю вам счастливого плавания!» — такое правило поставил отец, чтобы видеть с моря, что его ожидают дома.</p>
<div class="image-div">
<img class="article-image" src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Yamate_siryoukan.JPG">
</div>
<p>В городке имеется школьный клуб с разнообразными секциями по интересам. Клуб хотят закрыть, тем более, что здание, в котором он базируется, уже обветшало. И вот Уми вместе с другими школьными активистами решает ехать в Токио к спонсору школы, чтобы спасти дом от разрушения. На фоне общественной деятельности просыпается первая любовь.</p>
<div class="image-div">
<img class="article-image" src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Yamate_siryoukan.JPG">
</div><hr>
По материалам <a href="https://ru.wikipedia.org/wiki/Со_склонов_Кокурико" target="_blank">Википедии</a>.
</div>
<div>
<!-- вторая статья -->
<h1>Со склонов Кокурико</h1>
<p>Действие сюжета разворачивается в 1963 году в <span class="article-keyword">Иокогаме</span> (прообразом места действия выступил район Яматэ[5]). У героини — Уми Мацудзаки — отец, командир корабля, погиб во время Корейской войны 10 лет назад, когда она была ещё маленькой девочкой. В то время как её мать находится в отъезде, девочке приходится принять хозяйство на себя, в частности, не забывать каждое утро поднимать сигнальные флажки с сообщением: «Желаю вам счастливого плавания!» — такое правило поставил отец, чтобы видеть с моря, что его ожидают дома.</p>
<div class="image-div">
<img class="article-image" src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Yamate_siryoukan.JPG">
</div>
<p>В городке имеется школьный клуб с разнообразными секциями по интересам. Клуб хотят закрыть, тем более, что здание, в котором он базируется, уже обветшало. И вот Уми вместе с другими школьными активистами решает ехать в Токио к спонсору школы, чтобы спасти дом от разрушения. На фоне общественной деятельности просыпается первая любовь.</p>
<div class="image-div">
<img class="article-image" src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Yamate_siryoukan.JPG">
</div><hr>
По материалам <a href="https://ru.wikipedia.org/wiki/Со_склонов_Кокурико" target="_blank">Википедии</a>.
</div>
</div>
<div class="footer">
<!-- тут подвал с копирайтами -->
<!-- Подвал с копирайтами должен быть серого цвета слева. -->
<b>©</b><a class="copy-link" href="/" target="_blank">Лари Широкова, 2025</a>
</div>
</body>
</html>