ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

HTML5 Учебник

HTML СТАРТ HTML Введение HTML Редакторы HTML Основные примеры HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитаты HTML Комментарии HTML Цвета HTML CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML JavaScript HTML Пути файлов HTML Голова веб-страницы HTML Макеты HTML Адаптивность HTML Компьютерный код HTML Символьные объекты HTML Символы HTML Кодировка HTML URL кодирование HTML XHTML

HTML Формы

HTML Формы HTML Элементы формы HTML Типы ввода HTML Атрибуты ввода

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые элементы HTML5 Семантические элементы HTML5 Переход с HTML4 HTML5 Гид по стилю

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Плагины HTML YouTube

HTML API

HTML Геолокация HTML Drag/Drop HTML Web хранилище HTML Web работники HTML SSE

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Резюме HTML Доступность

HTML Справочники

HTML Список тегов HTML Атрибуты HTML Глобальные атрибуты HTML События HTML Цвета HTML Canvas HTML Аудио/Видео HTML Действующие Doctype HTML Наборы символов HTML URL кодировка HTML Кодировка языка HTTP Сообщения HTTP Методы PX в EM Конвертер Горячие клавиши

HTML5. Уроки для начинающих

HTML Введение



Что такое HTML?

HTML является стандартным языком разметки для создания веб-страниц.

  • HTML означает Hyper Text Markup Language (язык гипертекстовой разметки)
  • HTML описывает структуру веб-страниц с помощью разметки
  • HTML-елементы являются строительными блоками страниц HTML
  • Элементы HTML представлены тегами
  • Теги HTML обозначают фрагменты содержания, такие как header (заголовок), paragraph (параграф), table (таблица) и др.
  • Браузеры не показывают теги HTML, но используют их для отображения содержания web-страницы

Простой HTML документ

Пример

<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>

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

</body>
</html>
Попробуйте сами »

Объяснение примера

  • Объявление <!DOCTYPE html> указывает этот документ как HTML5
  • Элемент <html> является корневым элементом HTML страницы
  • Элемент <head> содержит мета-информацию об HTML документе
  • Элемент <title> указывает название HTML документа
  • Элемент <body> отображает видимое содержание HTML страницы
  • Элемент <h1> определяет большой заголовок на HTML странице
  • Элемент <p> определяет абзац (параграф) в HTML документе

HTML Теги

HTML-теги - это названия элементов, окружённые угловыми скобками:

<название тега>Здесь идёт содержание...</название тега>

  • Теги HTML обычно идут парами, например, <p> и </p>
  • Первым тегом в паре есть начальный тег, второй - конечный тег
  • Конечный тег записывается как начальный тег, но перед названием тега вставляется косая черта ( / слэш)

Примечание: Начальный тег также называется - открывающим тегом, а конечный тег - закрывающим тегом.


Веб Браузеры

Бра́узер, или веб-обозреватель (от анг. web browser) - прикладное программное обеспечение для:

  • просмотра страниц, содержания веб-документов, компьютерных файлов и их каталогов;
  • управления веб-приложениями;
  • а также для решения других задач.

В глобальной сети (в Интернете) браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов.

Целью веб-браузера (Chrome, Firefox, Opera, Internet Explorer, Safari) является чтение документов HTML и их отображение. Браузер не отображает теги HTML, но использует их, чтобы определить, как отобразить веб-страницу:

Вид в браузере


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

Ниже приведена визуализация структуры HTML-страницы:

<html>
<head>
<title>Название страницы</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
<p>Это другой параграф.</p>
</body>
</html>

Примечание: В браузере отображается только содержание раздела <body>.


Объявление <!DOCTYPE>

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

Объявление <!DOCTYPE> не чувствительно к регистру.

Объявление <!DOCTYPE> для HTML5 выглядит так:

<!DOCTYPE html>

HTML Версии

С первых дней существования Интернета было много версий HTML:

Версия Год
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
HTML5.1 2015
HTML5.2 2016
HTML5.3 2017

HTML ВВЕДЕНИЕ. Лучший онлайн-учебник для начинающих. W3Schools на русском

Введение в HTML5. Видеоуроки сайта "W3Schools на русском"!