Секция «Обо мне»
Часть раздела Основы путешествия по HTML на Coddy. Урок 33 из 60.
Задание
ЛегкоЭто продолжение вашего проекта профиля! Давайте доработаем структуру, которую вы уже создали. Теперь ваша страница должна содержать три отдельных раздела, каждый из которых обернут в тег
1. Header Section:
2. Profile Picture:
3. About Me Section:
Убедитесь, что ваша структура HTML следует этому порядку, чтобы пройти тесты.
<div>:1. Header Section:
<div>, содержащий <h1> с вашим именем и <p> с кратким описанием.2. Profile Picture:
<div>, содержащий тег <img>.3. About Me Section:
<div>, содержащий <h2> с текстом 'About Me' и тег <p>, немного рассказывающий о вас.Убедитесь, что ваша структура HTML следует этому порядку, чтобы пройти тесты.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Это продолжение вашего проекта. Пожалуйста, структурируйте свою страницу, используя три раздела ниже. -->
<!-- Раздел заголовка: Добавьте теги <h1> и <p> внутрь этого div -->
<div>
</div>
<!-- Раздел фотографии профиля: Добавьте тег <img> внутрь этого div -->
<div>
</div>
<!-- About Me Section: Add an <h2> and a <p> tag inside this div -->
<div>
</div>
</body>
</html>Все уроки раздела Основы
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2Потренируйтесь самостоятельно: Песочница Web