Введение в HTML
HTML — это стандартный язык разметки для создания веб-страниц.
Что такое HTML?
- HTML расшифровывается как язык гипертекстовой разметки.
- HTML — это стандартный язык разметки для создания веб-страниц.
- HTML описывает структуру веб-страницы.
- HTML состоит из набора элементов
- Элементы HTML сообщают браузеру, как отображать содержимое.
- Элементы HTML помечают фрагменты контента, такие как «это заголовок», «это абзац», «это ссылка» и т. д.
Простой 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>определяет тело документа и является контейнером для всего видимого содержимого, такого как заголовки, абзацы, изображения, гиперссылки, таблицы, списки и т. д. - Элемент
<h1>определяет большой заголовок - Элемент
<p>определяет абзац
Что такое элемент HTML?
Элемент HTML определяется начальным тегом, некоторым содержимым и конечным тегом:
Элемент HTML — это все, от начального тега до конечного тега:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Примечание. Некоторые элементы HTML не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!
Веб-браузеры
Целью веб-браузера (Chrome, Edge, Firefox, Safari) является чтение HTML-документов и их правильное отображение.
Браузер не отображает теги HTML, но использует их, чтобы определить, как отображать документ:
Структура HTML-страницы
Ниже представлена визуализация структуры HTML-страницы:
Примечание . Содержимое раздела <body> (белая область выше) будет отображаться в браузере. Содержимое элемента <title> будет отображаться в строке заголовка браузера или на вкладке страницы.
История HTML
С первых дней существования Всемирной паутины существовало множество версий HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Этот учебник соответствует последнему стандарту HTML5.