HTML – это стандарт языка разметки для создания Веб страниц.
Что такое HTML?
- HTML это гипертекстовый язык разметки
- HTML стандарт для создания Веб страниц
- HTML описывает структуру веб страницы
- HTML состоит из серии элементов
- HTML элементы говорят браузеру как отображать контент
- HTML элементы описывают элементы контента, например как “это заголовок”, “это абзац”, “это ссылка” и так далее.
Простой HTML документ
<!DOCTYPE html> <html> <head> <title>Название страницы</title> </head> <body> <h1>Мой первый заголовок</h1> <p>Мой первый абзац.</p> </body> </html>
Обяснение примера
<!DOCTYPE html>обявляет что этот документ типа HTML- Элемент
<html>корневой элемент HTML страницы - Элемент
<head>имеет в себе мета информацию о HTML странице - Элемент
<title>обявляет название для HTML страницы (которая показывается в заголовке окна браузера или в названии вкладки браузера) - Элемент
<body>обозначает тело документа, и является контейнером для всего видимого контента, таких как заголовки, абзацы, изображения, ссылки, таблицы, списки и так далее - Элемент
<h1>обозначает главный заголовок страницы - Элемент
<p>обозначает абзац
Что такое HTML элемент?
HTML элемент описывается открывающим тэгом, некоторым контентом между, и закрывающим тэгом:
<название тэга> Контент находится здесь …</название тэга>
HTML элемент это все начиная от открывающего тэга и закнчивая закрывающим тэгом.
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф (абзац).</p>
| Открывающий тэг | Содержимое элемента | Закрывающий тэг |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> | нету | нету |
Заметка: Некоторые HTML элементы не имеют контента (как пример элемент <br>). Эти элементы называются пустыми элементами, и не имеют закрывающих тэгов.
Вэб браузеры
Цель браузеров (Google Chrome, Edge, Firefox, Safari) чтение HTML документов и правильное их отображение.
Браузер не отображает HTML тэги, но использует их чтобы правильно отображать документ:
Структура HTML страницы
Ниже представлена визуализация структуры HTML страницы:
Заметка: Контент внутри секции <body> (белая область выше) будет отображена в браузере. Контент внутри элемента <title> будет отображено в заголовке бразуера или в названии вкладки браузера.
История HTML
Начниная с ранних дней интернета (World Wide Web), было несколько версий HTML:
| Год | Версия |
|---|---|
| 1989 | Тим Бернер Ли изобрел www |
| 1991 | Тим Бернер Ли изобрел HTML |
| 1993 | Дейв Рагет представил черновик HTML+ |
| 1995 | Рабочяя группа HTML предоставила HTML 2.0 |
| 1997 | Рекомендация W3C: HTML 3.2 |
| 1999 | Рекомендация W3C: HTML 4.01 |
| 2000 | Рекомендация W3C: XHTML 1.0 |
| 2008 | WHATWG HTML5 Первый публичный черновик |
| 2012 | WHATWG HTML5 представление стандарта |
| 2014 | Рекомендация W3C: HTML 5 |
| 2016 | Кандидат W3C рекомендация: HTML 5.1 |
| 2017 | Рекомендация W3C: HTML 5.1 2-ая редакция |
| 2017 | Рекомендация W3C: HTML 5.2 |
Этот и последующие статьи(туториалы) следуют правилам стандарта HTML 5.
Первый тестовый комментарий от меня, и его отображение.
Второй нормальный комментарий. Дописал эту статью наконец то, надо бы еще 8-9 таких написать и пускать на индексацию.