HTML Введение
Что такое HTML?
HTML — это стандартный язык разметки для создания веб-страниц.
- HTML стенды для Hyper текст разметки языка
- HTML Описывает структуру веб-страниц с помощью разметки
- HTML элементы — это строительные блоки HTML-страниц
- HTML элементы представлены тегами
- HTML Метки: фрагменты содержимого, такие как "heading", "paragraph", "table", и так далее
- Обозреватели не отображают HTML-теги, но используют их для визуализации содержимого страницы
Простой HTML-документ
Пример
<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый абзац.</p>
</body>
</html>
Пример объяснено
- Декларация
<!DOCTYPE html>
определяет этот документ как HTML5 - Элемент
<html>
является корневым элементом HTML-страницы - Элемент
<head>
содержит мета-информацию о документе - Элемент
<title>
задает заголовок документа - Элемент
<body>
содержит видимое содержимое страницы - Элемент
<h1>
определяет большой заголовок - Элемент
<p>
определяет абзац
Теги HTML
HTML-теги — это имена элементов, окруженные угловыми скобками:
<tagname>содержание идет здесь...</tagname>
- HTML теги обычно приходят в парах
<p>
, как и</p>
- Первый тег в паре — это начальный тег, второй тег — конечный тег
- Конечный тег записывается как начальный тег, но с косой черт ой, вставленной перед именем тега
Совет: Начальный тег также называется открывающим тегом, а конечный тег — закрывающим тегом.
Веб-браузеры
Целью веб-браузера (Chrome, IE, Firefox, 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 |