Главная » Руководство по HTML – HTML5 введение

Руководство по HTML – HTML5 введение

HTML ( The HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц.

С HTML вы можете создать свой собственный веб-сайт.

HTML легко выучить - вам понравится!

Что такое HTML?

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

История разработки HTML: Путь к HTML5

Рассмотрим эволюцию разработки HTML, начиная с её первых шагов и заканчивая последней версией – HTML5.

HTML в начале своего пути

В 1991 году Тим Бернерс-Ли, отец World Wide Web, представил HTML в своём документе "HTML Tags". HTML 1.0 был простым языком с ограниченными возможностями, позволяющим создавать базовые веб-страницы.

Эволюция HTML от HTML2 до HTML4

HTML 2.0, выпущенный в 1995 году, внес некоторые улучшения и новые элементы. HTML 3.2 и HTML 4.01 последовали за ними, предоставляя веб-разработчикам больше функциональности и возможностей стилизации.

Новая эра: появление HTML5

HTML5 – это самая современная версия языка разметки, в которой внедрены множество инноваций, позволяющих создавать более интерактивные и мощные веб-приложения. Появление HTML5 открывает новые возможности для разработчиков и улучшает пользовательский опыт.

Особенности HTML5

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

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

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

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

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

Что такое элемент HTML?

Элемент HTML определяется начальным тегом, содержимым и конечным тегом:

<название тега>

Содержимое идет сюда...

</название тега>

Элемент HTML — это все, от начального тега до конечного тега:

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

Начальный тег	Контент элемента	Конечный тег
<h1>	Мой первый заголовок	</h1>
<p>	Мой первый параграф.	</p>
<br>	Нет	Нет

★ Примечание: некоторые элементы HTML не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!

Веб-браузеры

Целью веб-браузера (Chrome, Edge, Firefox, Safari, Яндекс браузер ) является чтение HTML-документов и их правильное отображение.

Браузер не отображает теги HTML, но использует их, чтобы определить, как отображать документ:

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

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

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

</html>

★ Примечание: содержимое раздела <body> будет отображаться в браузере. Содержимое элемента <title> будет отображаться в строке заголовка браузера или на вкладке страницы.

Что означает HTML?

Проверьте себя, насколько хорошо вы запомнили материал.

Версии HTML

С первых дней существования Всемирной паутины существовало множество версий 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: HTML5
2016	Рекомендация кандидата W3C: HTML 5.1
2017	Рекомендация W3C: HTML5.1, 2-е издание
2017	Рекомендация W3C: HTML5.2
2021	Рекомендация W3C: HTML5.3
2024	Текущая версия — 2024 г.

HTML продолжает развиваться и совершенствоваться, и HTML5 является ярким примером этого развития. Разработчики по всему миру активно используют HTML5 для создания удивительных веб-приложений, и этот язык разметки остаётся ключевым инструментом в сфере веб-разработки.

Это руководство соответствует последнему стандарту HTML5!

В данном руководстве использовались материалы с сайтов: www.w3.org и www.w3schools.com.

☛ Редакторы HTML

Поделиться ссылкой