.HTM вариант №
Файлы с расширением .htm представляют собой язык гипертекстовой разметки для создания веб-страниц для отображения в веб-браузерах, таких как Google Chrome, Internet Explorer, Firefox и ряде других. Он определяет разметку для создания статических страниц, которые будут опубликованы во всемирной паутине (WWW) для доступа других лиц. Эти разметки сообщают браузерам, как отображать содержимое веб-страницы. Такие страницы могут содержать обычный текст, изображения, гиперссылки на другие страницы, видео и другую медиаинформацию. Когда веб-страница публикуется, вы можете взглянуть на код разметки, стоящий за ней, просмотрев исходный код страницы. Современные браузеры позволяют просматривать каждый раздел веб-страницы, где прорабатывается каждый подраздел или элемент разметки в исходном коде HTM.
Краткая история НТМ
С момента своего создания и первой роли спецификации HTML поддерживаются Консорциумом World Wide Web (W3C) с 1996 года. В 2000 году он также стал международным стандартом (ISO/IEC 15445:2000). В 1999 году был опубликован HTML 4.01. В 2004 году Рабочая группа по технологиям веб-гипертекстовых приложений (WHATWG) начала работу над версией HTML5, которая стала совместным результатом с W3C в 2008 году. Она была завершена и стандартизирована 28 октября 2014 года.
HTML-формат файла
Документ HTML 4 состоит из трех частей:
- строка, содержащая информацию о версии HTML
- раздел декларативного заголовка
- тело, содержащее фактическое содержание документа. Тело может быть реализовано элементом BODY или элементом FRAMESET, чтобы содержать тело в кадрах.
Каждый раздел может начинаться или сопровождаться пробелами, новыми строками, вкладками и комментариями. Пример простого HTML-документа показан ниже:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Understanding HTML File Format</TITLE>
</HEAD>
<BODY>
<P>Hello World!
</BODY>
</HTML>
Информация о версии
Первая строка кода, , называется объявлением типа документа и сообщает браузеру, в какой версии HTML написана страница. В зависимости от версии HTML существует несколько различных объявлений типа документа, которые называют определение типа документа (DTD), используемое для документа. Каждое DTD отличается от других элементами, которые оно поддерживает, и отличается следующим образом:
- HTML 4.01 Strict — включает все элементы и атрибуты, которые не были устарели или не отображаются в документах с набором фреймов.
- HTML 4.01 Transitional — включает все в строгом DTD, а также устаревшие элементы и атрибуты (большинство из которых касается визуального представления
- HTML 4.01 Frameset — включает все элементы переходного DTD, а также фреймы.
Для HTML5 информация о версии выглядит так, как указано ниже.
<!DOCTYPE html>
Информация заголовка
Заголовок документа HTML может включать ряд элементов HTML, которые не отображаются браузером. Такие элементы являются либо метаданными, описывающими информацию о странице, либо включают разделы, которые используются для получения информации из внешних ресурсов, таких как таблицы стилей CSS или файлы JavaScript. Заголовок страницы представлен <head> тег и заканчивается </head> ярлык.
Информация о теле
Это основной раздел файла, содержащий все содержимое файла, отображаемое браузерами. Тело HTML может содержать разметку, которая может ссылаться на различные стандартные блоки в виде тегов. Он может содержать несколько различных типов информации, таких как текст, изображения, цвета, графика и т. д. Кроме того, аудио- и видеоэлементы также могут быть встроены в тело html для отображения браузерами. При наличии современных таблиц стилей для визуального представления атрибуты представления BODY, такие как цвет фона, цвет ссылки, цвет текста и т. д., устарели. Таким образом, те же эффекты могут быть достигнуты с помощью таблиц стилей, как показано ниже:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Inline Style Sheets referencing</TITLE>
<STYLE type#"text/css">
BODY { background: white; color: black}
A:link { color: red }
A:visited { color: maroon }
A:active { color: fuchsia }
</STYLE>
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
Встроенные таблицы стилей легко встраиваются, а для быстрого применения визуальных эффектов внешние таблицы стилей упрощают однократное развертывание и доступ во многих местах.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Linking to External style sheets</TITLE>
<LINK rel#"stylesheet" type#"text/css" href#"smartstyle.css">
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
HTML-элементы
Как упоминалось ранее, содержимое внутри тела HTML представлено тегами, также известными как элементы HTML. Каждый тег может иметь дополнительную информацию в виде атрибутов, которые записываются как
<tag attribute1#"value1" attribute2#"value2">
хотя нет необходимости иметь атрибуты для каждого тега. Если атрибуты не указаны, в каждом случае используются значения по умолчанию. Ниже приведены некоторые примеры элементов:
Заголовок
<head>
<title>The Title</title>
</head>
Заголовки
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>
Пункты
<p>Paragraph 1</p> <p>Paragraph 2</p>
