Со склонов Кокурико

Действие сюжета разворачивается в 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>

На главную курса