Пример страницы к предварительной презентации (PDF, видео) с кодом

К файлу на занятии

Блок страницы!

В этом тексте есть особое слово!

Демонстрация работы CSS.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>К предвариртельному видео к занятию 28.06</title>
       <!-- link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css" -->
   <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>
    img {
        border: 5px double black;
        width: 50px; /* чтобы страница не растягивалась */
    }
    .first {
        border: none;
    }
    #logo {
        border: none;
    }
</style>
</head>
<body>
    <h1>Пример страницы к предварительной презентации (<a target="_blank" href="27.06.pdf">PDF</a>, <a target="_blank" href="27.06.mp4">видео</a>) с кодом</h1>
    <div style="color: red;">
        Блок страницы!
    </div><hr>
    В этом тексте есть <span style="color: rgb(0,0,255);">особое</span> слово!
    <br><hr>
    Демонстрация <span style="text-decoration: overline; font-family: 'Helvetica'; font-size: 250%;">работы CSS</span>.
    <br><hr>
    <img id="logo" src="sticker.webp"><br><hr>
    <img class="first" src="sticker.webp"><br>
    <img class="first" src="sticker.webp"><br>
    <img src="sticker.webp"><br>
    <img src="sticker.webp"><br>
    <img src="sticker.webp"><br>
    <img src="sticker.webp"><br>
    <img src="sticker.webp"><br>
</body>
</html>

На главную курса
Использован стикер из стикерпака картин Васи Ложкина.