Руководство по HTML, язык веб разметки HTML5
Меню
Справочник

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

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-страницы:

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

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

Версии 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

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