Что такое HTML?

HTML это язык разметки веб документов (веб страниц).

  • HTML расшифровывается как Hyper Text Markup Language (Язык гипертекстовой разметки)
  • Язык разметки состоит из тегов разметки
  • HTML документы описываются с помощью HTML тегов
  • Каждый HTML тег отвечает за различное содержимое документа

Пример

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

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

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

</body>
</html>

Пояснения

  • DOCTYPE описывает, что документ будет в формате HTML
  • Текст между <html> и </html>  описывает HTML документ
  • Текст между <head> и </head> содержит информацию о документе
  • Текст между <title> и </title> предоставляет название документа
  • Текст между <body> и </body> описывает видимое содержимое страницы
  • Текст между <h1> и </h1> описывает заголовок
  • Текст между <p> и </p> описывает параграф/абзац

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


Тэги HTML

HTML-теги ключевые слова (имена тегов) записываются в угловых скобках:

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

  • HTML-теги обычно используются парами как <p> и </p>
  • Первый тег в паре начальный тег, второй конечный тег
  • Конечный тег описывается также, как начальный тег, но с косой чертой перед именем тега
Первый тег в паре обычно называют открывающий тег. Конечный тег часто называют закрывающий тег.

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

Цель веб-браузера (Chrome, IE, Firefox, Safari), прочитать HTML-документ и отобразить его.

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

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


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

<html>
<head>
<title>
Заголовок страницы</title>
</head>
<body>
<h1>
Это заголовок</h1>
<p>
Это параграф/абзац.</p>
<p>
А это еще один параграф.</p>
</body>
</html>
В браузере отображается только то, что находится между тегами <body>.

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

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

В интернете есть разные типы документов.

Для отображения документа, правильно, браузер должен знать, как тип и версию.

Декларация DOCTYPE не чувствителен к регистру. Вы можете использовать любой удобный вам способ:

<!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">

Версии HTML

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

Версия Год
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Понравилось? Делись с друзьями!

Комментарии

Реклама

Подписаться на обновления