Введение в 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 — это все, от начального тега до конечного тега:
< h1 > Мой первый заголовок < /h1 >
< p > Мой первый абзац. < /p >
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-страницы:
<html>
<голова>
<title>Название страницы</title>
</голова>
<тело>
<h1>Это заголовок</h1>
<p>Это абзац.</p>
<p>Это другой абзац.</p>
</тело>
</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.