определяет название документа <meta> определяет метатеги для браузеров и поисковых систем Несколько основных направлений использования мета-тегов: - способны идентифицировать авторов Интернет-страницы, её адрес, частоту её обновлений; - используются поисковыми системами для индексации и создания заголовков гипертекстовых документов; - влияют на режим отображения Интернет-страниц (не выводясь на экран). content, http-equiv, name, scheme Группа NAME Отвечают за текстовую информацию о странице, её авторе и за рекомендации для поисковых систем. <meta name="author" content="Алексей Ивченко"> <meta name="copyright" content="название организации"> <meta name="description" content="Краткая характеристика документа"> <meta name="document-state" content="Dynamic"> <meta name="Keywords" content="HTML, программирование, WEB-дизайн"> <meta name="Robots" content="Noindex, Nofollow"> Index, Noindex, Follow, Nofollow, All, None Группа HTTP-EQUIV Эквивалентны гипертекстовым заголовокам: <meta HTTP-EQUIV="Content-language content="ru"> - de -- Немецкий - en -- Английский - es -- Испанский - fr -- Французский - ru -- Русский - ua -- Украинский <meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251"> ISO-8859-1 Latin-1, для большинства западноевропейский языков Windows-1251 Кириллица (Windows) KOI8-r Кириллица русская KOI8-u Кириллица русско-украинская cp866 Кириллица (DOS) Windows-1252 Западная Европа (Windows) Windows-1250 Центральная Европа (Windows) <meta HTTP-EQUIV="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT"> <meta HTTP-EQUIV="Refresh" content="4; URL=http://www.name.com/"> <link> <link type="text/css" href="main.css" rel="Stylesheet" /> Атрибуты тега <LINK> - href - rel {stylesheet; application/rss+xml} - type {имена MIME-типа} - media {all; screen; print; projection; braille; speech} <script> Атрибуты - defer - language {JavaScript; JScript; VBS, VBScript } - src - type {text/javascript; text/vbscript } <base> <base href="http://www.mydocument.com"> -> <img src="/images/logo.gif"> (http://www.mydocument.com/images/logo.gif) Атрибуты - href -- URI - target {_blank; _self; _parent; _top} Тело документа <BODY> Заголовки <H1>Заголовок 1</H1> <H2>Заголовок 2</H2> <H3>Заголовок 3</H3> <H4>Заголовок 4</H4> <H5>Заголовок 5</H5> <H6>Заголовок 6</H6> Списки в HTML - ненумерованный список (неупорядоченный) (Unordered List <UL>) <UL><LH>...<LI>...<LI>...</UL> Атрибуты маркеров <UL TYPE=DISK> <UL TYPE=CIRCLE> <UL TYPE=SQUARE> - нумерованный список <OL TYPE=1> -> 1., 2., 3., 4. и т. д. <OL TYPE=A> -> A., B., C., D. и т. д. <OL TYPE=a> -> a., b., c., d. и т. д. <OL TYPE=I> -> I., II., III., IV. и т. д. - список определений <DL> <DT>Термин</DT> <DD>Определение</DD> </DL> Гипертекстовые ссылки Универсальный локатор ресурсов URL <A HREF="http://www.htmlbook.ua/index.htm">Отображаемое название гипертекстовой ссылки<?A> Атрибут |Значение TEXT=#000000 |Цвет текста (чёрный) ALINK=#FF0000|Цвет "активных" гипертекстовых ссылок (красный) VLINK=#FF00FF|Цвет пройденных гипертекстовых ссылок (пурпурный) LINK=#0000FF |Цвет гипертекстовой ссылки (синий)

JavaScript PHP Perl AJAX Adobe Flash Microsoft Silverlight HTML (Hyper Text Markup Language) является описательным языком разметки документов, в нём используются указатели разметки (теги). Документ HTML -- обычный текстовый ASCII-файл с добавленными в него управляющими тегами. Большинство элементов представляется в виде последовательности: - открывающий тег, в котором располагается имя элемента и его атрибуты;

-- тег, открывающий элемент-абзац. - содержимое (content) - закрывающий тег

-- тег закрывающий элемент-абзац. Одиночные теги: , ,

Расположение элементов - вложенные элементы

Hello, world!

- следующие друг за другом элементы

Hello, world!

Это новый абзац

Содержимое (контент) Современные HTML-документы предполагают наличие не только текста, но и графики, ссылок на другие источники растровых изображений, анимации, видео, звука, обратную связь. Атрибуты Атрибуты предоставляют программе-браузеру дополнительную информацию о том, как браузер должен выполнить инструкцию тега. Например, запись элемента

с атрибутом align выглядит так:

Типы данных В HTML используются следующие типы данных: Текстовые строки. Представляют собой последовательность читаемых символов -- букв, цифр, знаков препинания " left " = "left" Символы. Признаком строковой константы является знак & в начале. (<) -> литералом < или кодом < (>) -> литералом > и кодом > <BODY> -> то она будет выглядеть на экране как текст и не будет воспринята как тег. URI (Universal Resource Identifier) Абсолютные URI: http://www.tutor.com/html/index.html 1. Тип сервиса, которым вы хотите воспользоваться - http:// -- указывает на протокол HTTP (гипертекст) - ftp:// -- протокол для обмена файлами и др. 2. Доменное имя сервера, на котором находится запрашиваемый ресурс (www.tutor.com/). 3. Путь (каталог html/) к файлу на сервере, в котором находится запрашиваемый ресурс 4. Имя самого файла, index, и его расширение, html. Относительные URI http://www.tutor.com/html/index.html -> http://www.tutor.com/html/CER/index.html -> CER/index.html Цвет 1. #RRGGBB 2. Ключевые слова, например red, green, blue, black. 3. rgb(*,*.*) "*" -- десятичные числа от 0 до 255 Единицы измерения длины Абсолютные единицы измерения длины - in -- дюймы (1 дюйм равен 2,54 сантиметра), - cm -- сантиметры - mm -- миллиметры - pt -- points - pc -- picas. 1pica (пика) равна 12pt. Относительные единицы измерения - em -- единица измерения, которая базируется на ширине стандартной для типографии буквы "т". - ex -- единица измерения, которая основана на высоте шрифта. - px -- размер, за единицу котрого взят отдельный пиксель экрана. MIME-типы данных Протокол MIME (Multipurpose Internet Mail Extension) "тип файла/формат" например image/gif text/html application/jp Значение атрибута: type="text/html" Комментарии Структура HTML-документа Элемент -- информация о версии языка DTD (document type definition) Типичное объявление типа документа: HTML 4.01 специфицирует три DTD HTML 4.01 Strict/Строгое HTML 4.01 Transitional/Переходное HTML 4.01 Frameset/Набор фреймов. Для док<...> Элемент ... ... ... HTML-документ служебная неотображаемая информация... ...воспроизводимое содержимое документа... Элемент определяет заголовок документа определяет название документа <meta> определяет метатеги для браузеров и поисковых систем Несколько основных направлений использования мета-тегов: - способны идентифицировать авторов Интернет-страницы, её адрес, частоту её обновлений; - используются поисковыми системами для индексации и создания заголовков гипертекстовых документов; - влияют на режим отображения Интернет-страниц (не выводясь на экран). content, http-equiv, name, scheme Группа NAME Отвечают за текстовую информацию о странице, её авторе и за рекомендации для поисковых систем. <meta name="author" content="Алексей Ивченко"> <meta name="copyright" content="название организации"> <meta name="description" content="Краткая характеристика документа"> <meta name="document-state" content="Dynamic"> <meta name="Keywords" content="HTML, программирование, WEB-дизайн"> <meta name="Robots" content="Noindex, Nofollow"> Index, Noindex, Follow, Nofollow, All, None Группа HTTP-EQUIV Эквивалентны гипертекстовым заголовокам: <meta HTTP-EQUIV="Content-language content="ru"> - de -- Немецкий - en -- Английский - es -- Испанский - fr -- Французский - ru -- Русский - ua -- Украинский <meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251"> ISO-8859-1 Latin-1, для большинства западноевропейский языков Windows-1251 Кириллица (Windows) KOI8-r Кириллица русская KOI8-u Кириллица русско-украинская cp866 Кириллица (DOS) Windows-1252 Западная Европа (Windows) Windows-1250 Центральная Европа (Windows) <meta HTTP-EQUIV="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT"> <meta HTTP-EQUIV="Refresh" content="4; URL=http://www.name.com/"> <link> <link type="text/css" href="main.css" rel="Stylesheet" /> Атрибуты тега <LINK> - href - rel {stylesheet; application/rss+xml} - type {имена MIME-типа} - media {all; screen; print; projection; braille; speech} <script> Атрибуты - defer - language {JavaScript; JScript; VBS, VBScript } - src - type {text/javascript; text/vbscript } <base> <base href="http://www.mydocument.com"> -> <img src="/images/logo.gif"> (http://www.mydocument.com/images/logo.gif) Атрибуты - href -- URI - target {_blank; _self; _parent; _top} Тело документа <BODY> Заголовки <H1>Заголовок 1</H1> <H2>Заголовок 2</H2> <H3>Заголовок 3</H3> <H4>Заголовок 4</H4> <H5>Заголовок 5</H5> <H6>Заголовок 6</H6> Списки в HTML - ненумерованный список (неупорядоченный) (Unordered List <UL>) <UL><LH>...<LI>...<LI>...</UL> Атрибуты маркеров <UL TYPE=DISK> <UL TYPE=CIRCLE> <UL TYPE=SQUARE> - нумерованный список <OL TYPE=1> -> 1., 2., 3., 4. и т. д. <OL TYPE=A> -> A., B., C., D. и т. д. <OL TYPE=a> -> a., b., c., d. и т. д. <OL TYPE=I> -> I., II., III., IV. и т. д. - список определений <DL> <DT>Термин</DT> <DD>Определение</DD> </DL> Гипертекстовые ссылки Универсальный локатор ресурсов URL <A HREF="http://www.htmlbook.ua/index.htm">Отображаемое название гипертекстовой ссылки<?A> Атрибут |Значение TEXT=#000000 |Цвет текста (чёрный) ALINK=#FF0000|Цвет "активных" гипертекстовых ссылок (красный) VLINK=#FF00FF|Цвет пройденных гипертекстовых ссылок (пурпурный) LINK=#0000FF |Цвет гипертекстовой ссылки (синий)