Главная страница

Веб технологии: оформление и стилизация текста. Лабораторная работа №1 - оформление и стилизация текста. Задача по html и css оформление и стилизация текста


Скачать 14.83 Kb.
НазваниеЗадача по html и css оформление и стилизация текста
АнкорВеб технологии: оформление и стилизация текста
Дата16.01.2022
Размер14.83 Kb.
Формат файлаdocx
Имя файлаЛабораторная работа №1 - оформление и стилизация текста.docx
ТипЗадача
#332021

Задача по HTML и CSS: оформление и стилизация текста




  1. Создайте папку в удобном для вас месте на вашем компьютере

  2. В этой папке создайте новый HTML документ - index.html

  3. В index.html создайте HTML скелет документа

  4. Создайте новый CSS файл - style.css

  5. Подключите CSS файл к HTML файлу

  6. Создайте заголовок первого уровня в теге body и напишите там текст "Оформление текста"

  7. Добавьте данному заголовку класс title

  8. В CSS файле в самом верху создайте селектор для тега body и напишите следующие стили - шрифт Arial, sans-serif, размер шрифта 16px, цвет текста #333, межстрочный отступ 1.5

  9. В CSS файле создайте селектор для класса title, и напишите следующие стили - размер шрифта 40px, цвет текста #f03333, межстрочный отступ 1.2, все буквы заглавные

  10. После заголовка создайте абзац и напишите там немного текста, можете использовать сайт-генератор случайного текста lipsum.com

  11. После абзаца создайте заголовок второго уровня, напишите текст "Заголовок второго уровня" и придайте ему класс subtitle

  12. В CSS файле создайте селектор для класса subtitle, и напишите следующие стили - размер шрифта 30px, цвет текста #12ac11, межстрочный отступ 1.2, подчеркивание текста снизу

  13. После заголовка создайте абзац и напишите там немного текста, можете использовать сайт-генератор случайного текста lipsum.com

  14. После абзаца создайте ненумерованный список с тремя пунктами

  15. В каждом пункте напишите немного текста, на свой выбор

  16. Задайте списку класс list

  17. В CSS файле создайте селектор для класса list, и напишите следующие стили - размер шрифта 20px, цвет текста #444, все буквы наклонные, стиль маркеров списка - square


написать администратору сайта