HTML Основы. Введение
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
Что такое HTML?
HTML является стандартным языком разметки для создания веб-страниц.
- HTML означает Hyper Text Markup Language (язык гипертекстовой разметки)
- HTML описывает структуру веб-страниц с помощью разметки
- HTML-елементы являются стротельными блоками страниц HTML
- Элементы HTML представлены тегами
- Теги HTML обозначают фрагменты содержания, такие как header (заголовок), paragraph (параграф), table (таблица) и др.
- Браузеры не показывают теги HTML, но используют их для отображения содержания web-страницы
Простой HTML документ
Пример:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Попробуй сам »
Объяснение примера:
- Объявление
<!DOCTYPE html>определяет этот документ как HTML5 - Элемент
<html>является корневым элементом HTML страницы - Элемент
<head>содержит мета-информацию об HTML документе - Элемент
<title>указывает название HTML документа - Элемент
<body>отображает видимое содержание HTML страницы - Элемент
<h1>определяет большой заголовок на HTML странице - Элемент
<p>определяет абзац (параграф) в HTML документе
Теги HTML
HTML-теги - это названия элементов, окружённые угловыми скобками:
<название тега>Здесь идёт содержание...</название тега>
- Теги HTML обычно идут парами, например,
<p>и</p> - Первым тегом в паре есть начальный тег, второй - конечный тег
- Конечный тег записывается как начальный тег, но перед названием тега вставляется косая черта ( / слэш)
Примечание: Начальный тег также називается - открывающим тегом, а конечный тег - закрывающим тегом.
Веб-браузеры
Целью веб-браузера (Chrome, Firefox, Opera, Internet Explorer, Safari) является чтение документов HTML и их отображение. Браузер не отображает теги HTML, но использует их, чтобы определить, как отобразить веб-страницу:
Структура HTML страницы
Ниже приведена визуализация структуры HTML-страницы:
Примечание: В браузере отображается только содержание раздела <body>.
Оъявление <!DOCTYPE>
Объявление <!DOCTYPE> представляет собой определение типа документа и помогает браузерам правильно отображать веб-страницы. Оно должно появляться только один раз в верхней части страницы (перед любыми тегами HTML).
Объявление <!DOCTYPE> не чувствительно к регистру.
Объявление <!DOCTYPE> для HTML5 выглядит так:
<!DOCTYPE html>
Версии HTML
С первых дней существования Интернета было много версий HTML:
| Версия | Год появления |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |