Scribd Logo
Upload

Welcome to Scribd!

  • Лабараторна робота №2

    Uploaded by

    mpatik2006
    1 views4 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views4 pages

    Лабараторна робота №2

    Uploaded by

    mpatik2006

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Міністерство освіти і науки України

    Вінницький національний технічний університет


    Факультет інтелектуальних інформаційних технологій та автоматизації
    Кафедра КН

    Лабораторна робота №2
    з дисципліни «Веб-технології»

    Виконав: ст. гр. 1КН-23б. Максим ПАТИК


    Перевірив асистент: Ілля МАЛІНІЧ

    Вінниця 2023
    Лабораторна робота №2

    Створення графічного та текстового наповнення HTML-сторінки


    Мета роботи – отримати базові поняття про елементи мови розмітки
    HTML, навчитися створювати веб-сторінки з контентом.
    Порядок виконання роботи
    1. Ознайомитися з тегами мови HTML.
    2. Додати контент до веб сайту. Сайт повинен містити хоча б по одному:
    - списку;
    - таблиці;
    - зображення та відео (можна вставити з YouTube).
    3. Оформити звіт за результатами виконання роботи та зробити висновки
    Хід роботи

    Рисунок 1 – скріншот головної сторінки

    Висновок: отже, ми отримали базові поняття про елементи мови розмітки


    HTML, навчилися створювати веб-сторінки з контентом.
    Посилання на сайт: https://enemynest.w3spaces.com/index.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Головна сторінка</title>
    <style>
    h1 {
    text-align: center;
    color:red;
    }
    div{
    font-size: 130%;
    }
    table {
    border-collapse: collapse; /* Додано цей стиль */
    }
    table, th, td {
    border: 1px solid #333;
    text-align: center;
    }
    th, td {
    padding: 12px;
    }
    th {
    background-color: #333;
    color: white;
    }
    </style>
    </head>
    <body>
    <h1>На сайті ведуться технічні роботи!</h1>
    <div>
    <p>Що ж тут має бути:</p>
    <ol>
    <li>Головна сторінка (Home)</li>
    <li>Каталог ігор (Games Catalog)</li>
    <li>Пошук (Search)</li>
    <li>Про нас (About us)</li>
    <li>Контакти (Contact)</li>
    <li>Корзина (Cart)</li>
    <li>Акаунт (Account)</li>
    <li>Блог (Blog)</li>
    </ol>
    </div>
    <div>
    <p>Я зовсім не знав, яку таблицю вставити, тому ось таблиця похідних деяких
    функцій</p>
    <table>
    <thead>
    <tr>
    <th>Функція</th>
    <th>Похідна</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>k (стала)</td>
    <td>0</td>
    </tr>
    <tr>
    <td>x</td>
    <td>1</td>
    </tr>
    <tr>
    <td>x<sup>n</sup></td>
    <td>n * x<sup>(n-1)</sup></td>
    </tr>
    <tr>
    <td>1/x</td>
    <td>-1/x<sup>2</sup></td>
    </tr>
    <tr>
    <td>&#8730;x</td>
    <td>1/(2&#8730;x)</td>
    </tr>
    <tr>
    <td>sin(x)</td>
    <td>cos(x)</td>
    </tr>
    <tr>
    <td>cos(x)</td>
    <td>-sin(x)</td>
    </tr>
    <tr>
    <td>a<sup>x</sup></td>
    <td>a<sup>x</sup> * ln(a)</td>
    </tr>
    <tr>
    <td>e<sup>x</sup></td>
    <td>e<sup>x</sup></td>
    </tr>
    </tbody>
    </table>
    </div>
    <div>
    <p>Ось такі гарні шпалери стояли на моєму робочому столі раніше</p>
    <img width="560" height="315" src="img/1224270.jpg">
    <p>А ось підбірка чудової музики</p>
    <iframe width="560" height="315"
    src="https://www.youtube.com/embed/CL0t20YlHpU?si=ba4oPfhHzxrzNxE0" title="YouTube
    video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
    encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
    </div>
    </body>
    </html>

    You might also like