Перейти до головного вмісту

Блоки

Пропустити Навігація

Навігація

  • Інформаційна панель

    • Домашня сторінка

    • Сторінки сайту

      • Мої курси

      • Мітки

      • ФайлІнструкція для здобувачів освіти до вибору дисципл...

      • URL (веб-посилання)Вибір дисциплін на 2025-2026 навчальний рік

      • URL (веб-посилання)Вибір дисциплін на 2024-2025 навчальний рік

      • ФорумНовини сайту

      • URL (веб-посилання)Інструкція - основи роботи з системою Moodle

      • URL (веб-посилання)ЦИВІЛЬНИЙ ЗАХИСТ

      • ТекаНормативна база СЕЗН

      • URL (веб-посилання)Відновлення пароля

      • ФайлПам’ятка для користувача системи Moodle

      • ФайлСистема оцінки курсу

      • Зворотний зв’язокОцінка якості курсу

    • Мої курси

    • Курси

      • Факультети, кафедри

        • Біологічний факультет

        • Економічний факультет

        • Журналістики факультет

        • Інженерний навчально-науковий інститут ім. Ю.М. По...

        • Іноземної філології факультет

        • Математичний факультет

          • Кафедра загальної математики

          • Кафедра загальної та прикладної фізики

          • Кафедра комп'ютерних наук

            • archive

            • Архітектура комп'ютерних систем

            • Інформаційна безпека держави

            • Нормативно-правове забезпечення інформаційної безпеки

            • Діджитал-інструменти в комерційній діяльності

            • Архітектура обчислювальних систем (ОПП Комп’ютерне...

            • Сучасні методи машинного навчання

            • Безпека інформаційно-комунікаційних систем

            • Сучасні інформаційні технології перекладу

            • Освітні вимірювання

            • Теорія інформації та кодування даних

            • Сучасні інформаційні системи і технології

            • Семантична розмітка HTML документів

              • Змістовий модуль 1. Основи HTML5 та архітектура до...

              • Змістовий модуль 2. Основи CSS та стилізація

                • ЗавданняЛабораторна робота №2

                • ЗавданняСамостійна робота №2

              • Змістовий модуль 3. Семантична розмітка HTML-тегами

              • Змістовий модуль 4. Словники мікророзмітки

              • Змістовий модуль 5. Мікророзмітка Schema.org

              • Змістовий модуль 6. Автоматизація мікророзмітки

              • Змістовий модуль 7. Мікророзмітка OpenGraph

              • Змістовий модуль 8. Валідація та інструменти перев...

              • Розділ 2 Розробка web-сторінок зі стильовим оформл...

              • Індивідуальне завдання

              • Підсумковий контроль

          • Кафедра прикладної математики і механіки

          • Кафедра програмної інженерії

          • Кафедра фундаментальної та прикладної математики

          • Практична підготовка математичного факультету

          • Інформація, Статистика Математичного факультету

        • Менеджменту факультет

        • Соціальної педагогіки та психології факультет

        • Соцiологiї та управлiння факультет

        • Факультет історії та міжнародних відносин

        • Факультет фізичного виховання, здоров'я та туризму

        • Філологічний факультет

        • Юридичний факультет

      • Аспірантура

      • Науково-технічна позашкільна освіта

      • Відділ доуніверситетської підготовки, профорієнтац...

      • Адміністративний розділ

      • Центр післядипломної освіти та професійних кваліфі...

      • Школа педагогічної майстерності

  • Закрити
    Переключити введення пошуку
  • Українська ‎(uk)‎
    • Русский ‎(ru)‎
    • Українська ‎(uk)‎
    • Deutsch ‎(de_old)‎
    • English ‎(de)‎
    • English ‎(en)‎
    • Español - Internacional ‎(es)‎
    • Français ‎(fr)‎
    • Italiano ‎(it)‎
    • Polski ‎(pl)‎
  • Вхід

Семантична розмітка HTML документів

Закрити
Переключити введення пошуку
Вибір дисциплін Згорнути Розгорнути
Вибір дисциплін Згорнути Розгорнути
Обрати дисципліни Статистика вибору дисциплін ВМУ
  1. Головна
  2. Курси
  3. Факультети, кафедри
  4. Математичний факультет
  5. Кафедра комп'ютерних наук
  6. Семантична розмітка HTML документів
  7. Змістовий модуль 2. Основи CSS та стилізація
  8. Лабораторна робота №2

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

Умови завершення

Тема: Оформлення тексту та елементів сторінки за допомогою стилів CSS.

Мета: Навчитися підключати зовнішні таблиці стилів, працювати з каскадністю, шрифтами, кольорами та блоковою моделлю (box model).

  1. В папці проєкту створити файл style.css.
  2. Підключити його до вашої сторінки з ЛР №1 (або нової) за допомогою тегу <link> всередині <head>.
  3. Реалізувати стилізацію, що включає:
  • підключення шрифту з Google Fonts.
  • налаштування кольору тексту та фону сторінки.
  • налаштування внутрішніх (padding) та зовнішніх (margin) відступів для заголовків та абзаців.
  • прибрати стандартні атрибути HTML і налаштувати вигляд через CSS (border-collapse, border, hover ефект для рядків).
  • використати селектори тегів, класів (.class) та ідентифікаторів (#id).

Варіанти індивідуальних стилістичних завдань

Зразок CSS для демонстрації (style.css)

Попередня секція
Тест 1 (10 балів)
Наступна секція
Самостійна робота №2
Підсумок збереження даних
Завантажте мобільний додаток