1. Гипертекстовый документ как средство обмена информацией и форма представления и отображения данных. Элементы гипертекстовой страницы и их атрибуты. Элементы языка HTML.

Web страница формируется с помощью 3х языковых средств: html, css, язык программирования сценариев.

HTML - используется для задания логической структуры документа, т.е. определяет состав элементов, входящих в документ и их параметры.

CSS - используется для способа образования и выравнивания текста.

Язык программирования сценариев используется для небольших программ, которые выполняются браузером в процессе отображения документа.

Язык HTML - язык разметки документа

<ТЕГ атрибут = “значение” атрибут1 = “значение1”> содержимое </ТЕГ>

Тип тэга определяет тип элемента, который он выделяет. Элемент может содержать в себе вложенные элементы или элементы могут следовать друг за другом.

Атрибуты определяют характеристики элемента.

Для атрибутов определенны следующие типы значений:

- CDATA образует символы, включая возможные специальные символы. Обычно значения этого типа различают регистр.

- ID, NAME значения должны начинается с латинской буквы, могут содержать цифры, тире, точку, двоеточие, подчерк. Значения типа NAME могут содержать специальные символы.

- IDREF и IDREFS. Значениями данного типа могут быть идентификаторы (ID, NAME). IDREFS - список идентификаторов, перечисленных через пробел.

- Число 0…9.

- Текст.

- URI - ссылка на унифицированные идентификаторы ресурсов.

- Цвет #RRGGBB. Число указывает на интенсивности цвета. Кроме того, могут быть использованы константы.

- Код языка.

Атрибуты:

Некоторые атрибуты применимы к большинству элементов html. В зависимости от применяемости они делятся на: базовые (id, title, style, class) - общие свойства элемента; локализующие (dir, lang) - указывают на свойства языка, на котором написаны документы.

Id - атрибут идентификатора элемента

Id = ”ID”. Он присваивает элементу уникальное имя в пределах документа. По этому имени элемент может связываться через ссылки. По идентификатору может определяться характеристика стиля.

Class. Class = “список CDATA”. Он указывает, что элемент является членом определенного класса. Любое количество элементов может относиться к одному классу и один элемент может относиться к нескольким классам.

Style. Style = “Таблица стилей”. Он позволяет задать стиль элемента внутри его начального тэга. Под стилем понимается шрифт, цвет и т.д.

Title. Title = “Текст”. Он определяет заголовок элемента, который выводится на экран, когда на данный элемент наводится курсор.

Lang. Lang = “Код языка”. Определяет язык, на котором написано содержание элементов.

Тэги:

Обычно документ состоит из:

- строки декларации (определяет тип документа)

- <HTML>…</HTML> - основной документ

- <HEAD>…</HEAD> - заголовок элемента, содержащий информацию об общих свойствах элемента и не отображающийся обозревателям. Может иметь следующие вложения:

*- <TITLE>…</TITLE> - содержимое элемента отображается обозревателем в строке заголовка

*- <META …> - является метаописанием свойств документа (автор, ключевые слова и т.д.). Каждый элемент META содержит пару атрибутов NAME (Название свойства) и CONTENT (Значение свойства).

*- <BASE …> - используется в том случае, когда элемент хранится в нескольких узлах сети. С помощью своего обязательного параметра HREF = URI он задает базовый адрес для данного документа. От данного базового адреса могут быть заданны относительные ссылки в данном документе.

*- <LINK>, <STYLE>, <SCRIPT>

- <BODY>…</BODY> - Он предназначен для отображения основного содержимого документа. В качестве атрибутов используются два обработчика событий OnLoad и OnUnload. В него могут включаться другие элементы, которые подразделяются на блочные и текстовые. Блочные могут содержать другие блочные элементы и текст, а текстовые только текст.

Основные элементы:

<Hn>…</Hn> - Заголовок абзаца n уровня n=1-6;

<P>…</P> - Абзац;

<PRE>…</PRE> - Форматированный текст;

<BR> - Перевод строки без конца абзаца;

Нумерованный список

<LI> название1

<LI> название3

</OL>

TYPE - тип номера (А - большие буквы, а - маленькие буквы, I - большие римские, i - маленькие римские, 1 - цифры)

n - номер с которого начнется нумерация

Маркированный список

<LI> название1

<LI> название3

</UL>

TYPE - тип маркера (disc - диск, circle - круг, square - квадрат)

Ссылка

<A HREF = "адрес"> текст-который-будет-подсвечен-как-ссылка </A>

HREF может начинаться с

- file: чтение файла с локального диска.

- http: доступ к WEB-странице в сети с использованием HTTP-протокола.

- ftp: запрос файла с анонимного FTP-сервера.

- mailto: активизирует почтовую сессию с указанным пользователем и хостом.

Изображение

Таблица (2 строки и 3 столбца)

< TABLE WIDTH ="Ширина" HEIGHT ="Высота" BORDER ="Размер границы">

<tr> <td>Ячейка 1_1 </td> <td> Ячейка 1_2 </td> <td> Ячейка 1_3 </td> </tr> <tr> <td> Ячейка 2_1 </td> <td> Ячейка 2_2 </td><td> Ячейка 2_3 </td></tr></table>

<tr> содержание строки </tr> - строка

<td> содержание столбца </td> - столбец