AndreyTalanin / Homework-Web-2021-09-23

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Домашнее задание 1. Основы вёрстки.

Обязательно

  1. Создать index.html и style.css
  2. Добавить в index.html минимальную разметку для html5 документа
  3. Подключить файл стилей style.css в index.html
  4. Сверстать статью, содержащую:
  • Несколько заголовков разного уровня
  • Несколько параграфов текста, в которых есть жирный, курсивный, подчеркнутый текст
  • Маркированный список
  • Нумерованный список
  • Несколько изображений разных размеров
  • Цитату
  • Надстрочный текст
  • Подстрочный текст
  • Ссылку на другой сайт, открывающуюся в новой вкладке
  • Таблицу из нескольких колонок (в таблице есть caption и thead)
  • В конце статьи форму обратной связи "Оставьте отзыв о статье" (нужные поля продумайте самостоятельно)
  • Отправку данных с формы реализовывать не нужно =)

Дополнительно

  1. Сделать отступ первой строки у каждого абзаца текста (красная строка)
  2. Добавить рамку у одного из изображений
  3. Ограничить ширину статьи 900px
  4. Выровнять статью по центру экрана (по горизонтали)
  5. Сделать точки у маркированного списка красными с помощью псевдоэлементов (прочитать про всевдоэлементы ::before, ::after)

Критерии приёмки

  • ДЗ без выполненного пункта "дополнительно" оценивается максимально в 80 баллов
  • открытие ссылки в другой вкладке - без js
  • жирный, курсивный и подчеркнутый текст - без css
  • использовать специализированные теги

About


Languages

Language:HTML 98.8%Language:CSS 1.2%