Знакомство / Закрепление [3/14]
×

Закрепление [3/14]

Первые задания были самыми простыми. Дальше придётся выполнять более сложные требования. Например, добавлять или удалять определённые теги или их атрибуты.

Чтобы выполнить это задание, нужно отредактировать подготовленный код. Попробуйте сами разобраться для чего предназначены теги и свойства в примере. Если не получится, то откройте подсказку.

Кстати, обратите внимание на кнопку Проверить в нижней части мини-браузера.

Обычно ваш код проверяется на лету в вашем же браузере, и в 95% случаев проверки работают правильно. Но иногда в некоторых браузерах проверки ломаются. Вот тогда и нужно пользоваться этой кнопкой: она отправляет код на наш сервер, где он проверяется в идеальных условиях. Если серверная проверка не прошла, то значит есть ошибка в коде.

Подсказка

<h1> обозначает заголовок первого уровня.

<p> обозначает абзац.

Для увеличения шрифта заголовков нужно изменить только это правило в CSS:

h1 {
  font-size: 20px;
}

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Закрепление</title> </head> <body> <h1>Структура HTML</h1> <p>Язык HTML состоит из множества тегов. Каждый тег имеет определенный смысл и предназначение.</p> <p>Каждый тег может иметь определенный набор атрибутов.</p> <h1>Структура CSS</h1> <p>CSS состоит из селекторов и свойств.</p> <p>Селекторы описывают какие именно элементы или группы элементов будут обладать заданными свойствами.</p> </body> </html>
CSS
/* Это правило задаёт общий размер шрифта */ body { font-size: 16px; } /* Это правило — размер для заголовков первого уровня */ h1 { font-size: 20px; } /* А это — тень для заголовков первого уровня */ h1 { text-shadow: 2px 2px 0 #ccc; }
HTML Academy

Потренируйтесь изменять код в редакторах. Смотрите, как при этом страница изменяется в браузере.

  1. В конец текста добавьте заголовок первого уровня с содержанием Потренировался.
  2. После него добавьте абзац с текстом Пора двигаться дальше.
  3. Увеличьте размер шрифта заголовков до 32px.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.