Что такое HTML ?

HTML это язык гипертекстовой разметки.

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

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

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

Пример

Попробовать самому !

Разбор примера

Элемент <! DOCTYPE html> определяет этот документ как HTML5.

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

Элемент <head> содержит мета теги о документе, а так же информацию о подключаемых стилях и скриптах.

Элемент <title> указывает заголовок документа.

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

Элемент <h1> определяет заголовок первого уровня.

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

HTML-теги

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

<имя тега> содержимое идет здесь … </ имя тега>

HTML-теги обычно бывают парными, например <p> и </ p>.

Первый тег в паре — это начальный тег, второй тег — конечный тег.

Конечный тег написан как начальный тег, но с косой чертой, вставленной перед именем тега.

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

Браузеры

Цель  браузера (Chrome, Opera. IE, Firefox, Safari) — читать HTML-документы и отображать их.

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

Первый html документ

Визуальная структура HTML документа

Визуальная структура html документа

В браузере отображается содержимое между тегами <body>…</body>, то есть то, что находится в белом прямоугольнике.

Объявление типа документа

Объявление  типа документа <! DOCTYPE>  позволяет браузерам определить тип документа и правильно отобразить его.

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

Тег <! DOCTYPE> не чувствителен к регистру.

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

Версии HTML

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *