Базовая структура HTML
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 2 из 60.
Каждый HTML-документ имеет простую структуру.
Все начинается с <!DOCTYPE html>, который указывает версию HTML, которую мы используем.
За ним следует тег <html>, который содержит весь HTML-контент.
Внутри тега <html> мы добавляем тег <body>, который содержит все видимое содержимое веб-страницы.
Вот простой пример:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>В этом примере текст внутри тега <body> будет отображаться как текст на веб-странице.
Задание
ЛегкоВам дан базовый код HTML-страницы. Поместите следующий текст внутри тега <body>:
To Infinity And Beyond!Обратите внимание, что всё чувствительно к регистру. Например:
To Infinity And Beyond!to infinity and beyond!— это разные вещи (обратите внимание на заглавные буквы в первой строке).
Шпаргалка
Каждый HTML-документ имеет базовую структуру:
<!DOCTYPE html>— объявляет версию HTML<html>— содержит весь HTML-контент<body>— содержит все видимое содержимое веб-страницы
Базовая структура HTML:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Разместите текст ниже -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2