PDF, видео, созданный на встрече сайт и его код.

Текст со ссылкой.
Другой текст со ссылкой.


Тьма, пришедшая со Средиземного моря, накрыла ненавидимый прокуратором город. Исчезли висячие мосты, соединяющие храм со страшной Антониевой башней, опустилась с неба бездна и залила крылатых богов над гипподромом, Хасмонейский дворец с бойницами, базары, караван-сараи, переулки, пруды... Пропал Ершалаим - великий город, как будто не существовал на свете. Все пожрала тьма, напугавшая все живое в Ершалаиме и его окрестностях. Странную тучу принесло со стороны моря к концу дня, четырнадцатого дня весеннего месяца нисана.

© Михаил Булгаков, «Мастер и Маргарита»


Коперайты тут

Дочерняя (и, значит, ещё и вложенная) картинка:

Вложенная, но не дочерняя для div картинка:


Текст со сгруппированными селекторами, и справка к нему. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Код для видео к занятию 05.07</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>
        .replacing img {
            border: 5px solid green;
            width: 100px;
        }
        #logo {
            border-top: 10px double black;
        }

        .fancy-text {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-style: italic;
        }
        .redlined {
            text-indent: 20px;
        }

        .copyrights {
            border: 5px dotted red;
        }
        img.copyrights {
            width: 50px;
        }

        div.child img {
            width: 100px;
        }
        div.child > img {
            width: 300px;
        }

        span.groups, a.groups {
            color: green;
        }
    </style>

</head>
<body>
    <b><a href="29.06.pdf">PDF</a></b>.<br>

    <div style="color: darkgreen; font-size: 150%; font-family: monospace;">
        Текст <a href="#">со ссылкой</a>.
    </div>
    <div style="color: darkgreen; font-size: 150%; font-family: monospace;">
    	Другой текст <a style="color: darkgreen;" href="#">со ссылкой</a>.
    </div><br>

    <div class="replacing">
        <img src="sticker.png"> 
        <img src="sticker.png" id="logo">
    </div><br>

    <p class="fancy-text redlined">
        Тьма, пришедшая со Средиземного моря, накрыла ненавидимый прокуратором город. Исчезли висячие мосты, соединяющие храм со страшной Антониевой башней, опустилась с неба бездна и залила крылатых богов над гипподромом, Хасмонейский дворец с бойницами, базары, караван-сараи, переулки, пруды... Пропал Ершалаим - великий город, как будто не существовал на свете. Все пожрала тьма, напугавшая все живое в Ершалаиме и его окрестностях. Странную тучу принесло со стороны моря к концу дня, четырнадцатого дня весеннего месяца нисана.
    </p>
    <p class="fancy-text">
        &copy; Михаил Булгаков, &laquo;Мастер и Маргарита&raquo;
    </p>
    <br><hr>

    <div class="copyrights">
        Коперайты тут<br>
        <img src="sticker.png" class="copyrights">
    </div>
    <br><hr>

    <div class="child">
        Дочерняя (и, значит, ещё и вложенная) картинка: <img src="sticker.png">
        <p>
            Вложенная, но не дочерняя для div картинка: <img src="sticker.png">
        </p>
    </div>
    <br><hr>
    
    Текст со <span class="groups">сгруппированными</span> селекторами, и <a href="https://htmlbook.ru/samcss/gruppirovanie" target="_blank" class="groups">справка</a> к нему.
    <br><hr>
    
    <script>hljs.highlightAll();</script><br>
    <a href="https://t.me/addstickers/codebark" target="_blank">Стикер из t.me/addstickers/codebark</a><br>
    <a href="../index.html">На главную курса</a><br>
</body>
</html>

Стикер из t.me/addstickers/codebark
На главную курса