Повторение: Макет
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 29 из 60.
Задание
ЛегкоСоздайте HTML-документ, который включает в себя все элементы макета, которые мы изучили на данный момент:
- Элемент
<header>с главным заголовком (<h1>), содержащим текст "My Website", и навигацией (<nav>) со ссылками на "Home", "About" и “Contact” (в неупорядоченном списке). - Секция
<main>с элементом<div>, который содержит абзац (<p>) с текстом "This is the main content area.". Внутри абзаца используйте тег<span>, чтобы обернуть слово "main". - Внутри основной секции добавьте
<section>с заголовком (<h2>), содержащим текст "About Us", и<article>с заголовком (<h3>), содержащим текст "Our Mission", и абзацем (<p>) с произвольным текстом. - Элемент
<footer>с абзацем (<p>), содержащим текст "Copyright 2024 My Website".
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2