section. Предложение Что такое нейросеть сделать заголовком второго уровня. Под ним должно получиться два абзаца текста.Изучаем текст внутри первого тега section. Нам повезло: абзацы в тексте уже отделены пустой строкой, не придётся выделять их самостоятельно. Какой тег позволяет выделить абзац текста?
Какой тег используется для обозначения заголовка второго уровня?
Выделяем абзацы и заголовок при помощи тегов:
Обратите внимание, что для тега h2 использование закрывающего тега является обязательным, а для тега p крайне рекомендуемым. Подробнее об оформлении этих тегов можно прочесть в справочнике: <p> | WebReference и <h2> | WebReference.
Итак, какой тег предназначен для создания гиперссылок?
Также вспоминаем, что адрес документа, на который должен произойти переход, указывается в атрибуте href="URL":
Исправить разметку во втором теге section, так, чтобы фраза Дорога стала заголовком второго уровня. После которого идет абзац текста, цитата, внутри которой тоже абзац текста, и еще один абзац.
Проверяем код на ошибки. В первую очередь ищем неполные пары — случаи, когда есть открывающий тег, но нет закрывающего, или наоборот.
Есть ошибка в самом начале! Тег заголовка второго уровня закрыт, но не открыт. Исправляем:
Теперь нужно проверить вложенность тегов: тег должен быть вложен в другой тег целиком, пересечения недопустимы. Есть такая ошибка — во втором абзаце пересекаются теги параграфа и цитаты. Исправляем:
section с заголовком Источники и гейзеры Камчатки. Названия гейзеров и источников сделать заголовком h3, описание абзацем. Перед описанием каждого гейзера вставить его фотографию:
Действуем так же, как в первом задании. Мы уже знаем, с помощью каких тегов нужно размечать заголовки и параграфы:
Нужно подобрать тег для вставки фотографий:
Обратите внимание, что этот тег одиночный, закрывающий тег не ставится. Для данного тега нужно обязательно указывать атрибут src="URL", который обозначает адрес изображения, которое нужно вставить на страницу. Второй атрибут, который нам нужен, это alt="". Данный атрибут предназначен для указания альтернативного текста. Альтернативный текст показывается на странице вместо изображения в том случае, если по какой-то причине само изображение не загрузилось.
Теперь добавляем на страницу теги img и подставляем в качестве атрибутов всю необходимую информацию:
Вы можете посмотреть, как выглядят выполненные задания на Codepen.
