Метки: 
Рубрика: 
HTML — самый простой язык для изучения. С помощью HTML создаются веб-сайты. И если представить, что веб-сайт это дом, то HTML — это кирпичи из которых он строится. В этом учебнике будет все, что наздо знать о HTML.
Что такое HTML
HTML (расшифровывается на англиском как «Hyper Text Markup Language», что значит «язык гипертекстовой разметки») — это стандартный язык разметки, служащий для создания веб-страниц (html-страниц). Т.е. все содержание страницы html структурировано и описано с помощью специальной разметки.
HTML-страница делится на элементы, которые называются HTML-элементы. Это строительные блоки, начало и конец которых отмечаются тегами.
HTML теги — определяют части содержимого страницы: заголовок (title), параграф (paragraph), таблица (table) и так далее.
Браузеры не отображают HTML-теги, но используют их для отображения содержимого страницы.
Вот так выглядит самая простая HTML-страница в коде:
<!DOCTYPE html>
<html>
<head>
<title>Заголовок для веб-страницы</title>
</head>
<body>
<h1>
Мой первый заголовок</h1>
<p>Мой первый параграф</p>
</body>
</html>
Этот код расшифровывается так:
<!DOCTYPE HTML> — устанавливает тип данного файла, который в данном случае является HTML 5-файлом.
<html> — это корневой элемент HTML страницы.
<head> — этот элемент содержит мета-информацию о документе.
<title> — это элемент определяет заголовок документа.
<body> — этот элемент содержит видимую часть страницы.
<h1> — этот элемент определяет главный заголовок.
<p> — этот элемент обозначает параграф.
HTML теги
HTML-тег — представляет собой название элемента, окруженного угловыми скобками:
<название тега>здесь располагается содержание</название тега>
HTML-теги обычно парные.
Например, теги параграфа:
<p> — это начальный тег (или открывающий тег), которым отмечается начало элемента,
</p> — это конечный тег (или закрывающий тег), которым отмечается конец элемента. От начального он отличается косой чертой, вставленной перед названием тега.
Браузеры
Задача любого браузера (Chrome, IE, Firefox, Safari) — это прочитать HTML документ и отобразить его содержание. Браузеры не отображают HTML-теги, но используют их для определения того, как документ будет выглядеть.
Структура HTML-страницы
Если визуализировать структуру HTML-страницы, то она будет выглядеть так:
</head>
</body>
</html>
Только содержимое внутри тега <body> будет отображаться в браузере.
Тег <!DOCTYPE>
Тег <!DOCTYPE> устанавливает тип файла, и помогает бразуеру корректно отображать веб-страницы. Он должен указываться только один раз, в верхней части страницы, перед любыми другими HTML-тегами. <!DOCTYPE> не чувствителен к регистру.
Для обозначения HTML-документа указывают следующее значение тега <!DOCTYPE>:
<!DOCTYPE html>
Современная версия HTML, запущенная в 2014 году, носит название HTML 5.