9. Основы html. Версии html

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

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

Версии:

• HTML 0.9;

• RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года;

• HTML 3.2 — 14 января 1997 года;

• HTML 4.0— 18 декабря 1997 года;

• HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) — 24 декабря 1999 года;

• ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года;

• HTML5— 28 октября 2014 года;

• HTML 5.1 начал разрабатываться 17 декабря 2012 года. Рекомендован к применению с 1 ноября 2016 года.

В HTML 5 используется только один вариант DOCTYPE:

• <!DOCTYPE html>

10. Простое форматирование текста средствами html.

Простейшее форматирование основано на использовании тегов <b>, <strong>, <em> и т.д. Примеры тегов приведены в таблице 1.

<i>Текст1</i>, <em>Текст1</em>	Текст1
<b>Текст2</b> <strong> Текст3</strong>	Текст2
<u>Текст3</u>, <s>Текст4</s>	Текст3 Текст4
X<sub>2</sub>	X2
X<sup>3</sup>	X3

Примеры стилей для простейшего форматирования текста

p {font-size: 12px; line-height: 2em}

Размер шрифта 12px, двойной интервал

11. Теги <html>, <head>, <body>, <script>

Пример

<!DOCTYPE HTML>

<html>

<head>

<!-- Этот раздел предназначен для заголовка страницы и технической информации. -->

</head>

<body>

<!-- А здесь надо размещать все, что хочется увидеть на странице. -->

</body>

</html>

Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head>и <body>. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег </html> должен всегда стоять в документе последним.

Тег <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

Тег <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <script> предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.

<script> может располагаться в заголовке или теле HTML-документа в неограниченном количестве.

12. Гиперссылки. Тег <a>. Изображения в HTML.

Гиперссылка — фрагмент HTML-документа и его базовый элемент:

• указывающий на другой файл, который может быть расположен в Интернете;

• содержащая полный путь (URL) к этому файлу.

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

Составные части гиперссылки

http://www.domen.ru/test-papka/index.htm

http://	— протокол доступа
www.domen.ru	— доменное имя сервера
/test-papka/index.htm	— путь к файлу и имя файла web-страницы

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.