English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML

Медиа в HTML

Руководство по HTML

Основной курс HTML5

API в HTML5

Медиа в HTML5

Что такое HTML

HTML известен как язык гипертекстовых тегов, это языковая система, которая включает в себя множество тегов. Эти теги позволяют привести в порядок форматирование документов в Интернете, объединяя разрозненные ресурсы Интернета в логическую целостность. Текст HTML состоит из описательных команд, которые могут использоваться для пояснения текста, изображений, анимаций, звуков, таблиц, ссылок и т.д.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<h1>Мой первый веб-заголовок</h1>
<p>Мой первый веб-абзац.</p>
</body>
</html>
Проверьте это <‹/›>

Пример анализа

  • Декларация <!DOCTYPE html> указывает на документ HTML5

  • Элемент <html> является корневым элементом HTML-страницы

  • Элемент <head> содержит метаданные документа, такие как <meta charset="utf-8">, который определяет формат кодировки веб-страницы как utf-8.

  • Элемент <title> описывает заголовок документа

  • Элемент <body> содержит видимое содержимое страницы

  • Элемент <h1> определяет большой заголовок

  • Элемент <p> определяет абзац

Примечание: чтобы увидеть исходный код веб-страницы, нажмите правой кнопкой мыши на пустом месте веб-страницы и выберите "Исходный код страницы" или нажмите F12 на клавиатуре, чтобы открыть режим отладки.

Что такое HTML?

HTML - это язык, используемый для описания веб-страниц.

  • HTML означает HyperText Markup Language

  • HTML не является языком программирования, а является языком меток

  • Язык меток - это набор тегов меток (markup tag)

  • HTML использует теги меток для описания веб-страниц

  • Документ HTML содержит теги HTML и текстовый контент

  • Документ HTML также называется веб-страницей

Теги HTML

Теги меток HTML обычно называются тегами HTML (HTML tag).

  • Теги HTML окружены尖ыми скобками, например <html>

  • Теги HTML обычно появляются парами, например <b> и </b>

  • Первый тег в паре тегов является начальным тегом, а второй тег - конечным тегом

  • Начальные и конечные теги также называются открытыми и закрытыми тегами

<тег>содержимое</тег>

Элементы HTML

"HTML-тег" и "элемент HTML" обычно имеют одинаковый смысл.

Но строго говоря, один элемент HTML включает в себя начальный и конечный теги, как показано в следующем примере:

Элементы HTML:

<p>Это абзац.</p>

Веб-браузер

Веб-браузеры (например, Google Chrome, Internet Explorer, Firefox, Safari) используются для чтения файлов HTML и их отображения в виде веб-страниц.

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


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

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

<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это абзац.</p>
<p>Это еще один абзац.</p>
</body>
</html>
Только область <body> (белая часть) будет отображаться в браузере.

Версии HTML

С момента возникновения Интернета было разработано множество версий HTML:

ВерсияДата выпуска
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

Декларация <!DOCTYPE>

Декларация <!DOCTYPE> помогает браузеру правильно отобразить веб-страницу.

В сети много различных файлов, если правильно声明HTML версии, браузер сможет правильно отобразить содержимое веб-страницы.

Декларация doctype не чувствительна к регистру, следующие форматы đều возможны:

<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>

Общий тип

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Просмотреть полный список типов веб-страницРуководство по DOCTYPE。

Китайская кодировка

В большинстве браузеров, если напрямую выводить китайский текст, он будет отображаться с искажениями. В этом случае нам нужно声明字符编码为 UTF-8 или GBK в заголовке.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Страница с кодировкой utf-8 (oldtoolbag.com)</title>
</head>
<body>
　
<h1>Моя первая страница с кодировкой utf-8</h1>
　
<p>Мой первый отрывок веб-страницы с кодировкой utf-8.</p>
　
</body>
</html>
Проверьте это <‹/›>

Обычные редакторы HTMLОсновной учебник HTML