Ваша реклама здесь:
Дата публикации

HTML 5 учебник: HTML — язык для создания веб-страниц

Метки:
Рубрика: HTML 5 учебник

HTML — самый простой язык для изучения. С помощью HTML создаются веб-сайты. И если представить, что веб-сайт это дом, то HTML — это кирпичи из которых он строится. В этом учебнике будет все, что наздо знать о HTML.

Что такое HTML

HTML 5 учебник: 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 5 учебник: HTML - язык для создания веб-страниц HTML-теги обычно парные.

Например, теги параграфа:
<p> — это начальный тег (или открывающий тег), которым отмечается начало элемента,
</p> — это конечный тег (или закрывающий тег), которым отмечается конец элемента. От начального он отличается косой чертой, вставленной перед названием тега.

Браузеры

Задача любого браузера (Chrome, IE, Firefox, Safari) — это прочитать HTML документ и отобразить его содержание. Браузеры не отображают HTML-теги, но используют их для определения того, как документ будет выглядеть.

HTML 5 учебник: HTML - язык для создания веб-страниц

Структура HTML-страницы

Если визуализировать структуру HTML-страницы, то она будет выглядеть так:

<html>

<head>

<title>Заголовок для веб-страницы</title>

</head>

<body>

<h1>Мой первый заголовок.</h1>
<p>Мой первый параграф.</p>

</body>

</html>

Только содержимое внутри тега <body> будет отображаться в браузере.

Тег <!DOCTYPE>

Тег <!DOCTYPE> устанавливает тип файла, и помогает бразуеру корректно отображать веб-страницы. Он должен указываться только один раз, в верхней части страницы, перед любыми другими HTML-тегами. <!DOCTYPE> не чувствителен к регистру.

Для обозначения HTML-документа указывают следующее значение тега <!DOCTYPE>:
<!DOCTYPE html>

Современная версия HTML, запущенная в 2014 году, носит название HTML 5.

Дата публикации Февраль 14, 2017 5:00
Метки:
Рубрика: HTML 5 учебник

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *