Одиночный дескриптор

Пример.

Дескриптор <BR> переводит в то место, где встретится на Web странице.

Парный дескриптор

Пример.

2) Атрибут дескриптора.

В состав начального дескриптора могут применяться дополнительные параметры, например:

Дескриптор абзаца (параграфа).

----------------------

<P>

Текст будет отображаться выровненным по центру.

Здесь Align является параметром, а center – значением данного параметра. (Такой параметр называется в языке HTMLатрибут).

Атрибут дескриптора – определяет дополнительное свойство дескриптора, уточняет его действие. В случае парного дескриптора используется внутри открывающего дескриптора.

У дескриптора может быть один атрибут, несколько атрибутов или может вообще их не быть.

Пример с несколькими атрибутами.

---------------------------------

</Font>

Два атрибута: color - атрибут цвета и size - атрибут размера.

2.Сценарий (SKRIPT).

Сценарий (SKRIPT) - это программный код, обеспечивающий работу интерактивных и динамических элементов Web сайта.

Сценарии бывают двух видов:

1)Серверный – это программа, выполняющаяся на Web сервере.

2)Клиентский – это программа, выполняющаяся с помощью интерпретатора браузера (то есть на компьютере пользователя).

Наиболее частая функция сценария – взаимодействие с базами данных и создание их на основе Web страниц.

Клиентский сценарий в отличие от языка разметки HTML предоставляет гораздо больше возможностей:

Для взаимодействия с операционной системой и браузером;
По управлению элементами интерфейса операционной системы и браузером.

Серверный сценарий чаще всего используется для отображения в виде Web страниц содержимого баз данных, которые хранятся на сервере.

Преимущества серверного сценария:

Более широкий спектр возможностей по обработке взаимодействия пользователя и Web сайта.

Преимущества клиентского сценария:

Большая скорость обработки и экономия ресурсов (за счет уменьшения передачи данных между сервером и компьютером пользователя).

3.Среда программирования.

Среда программирования (среда разработки) – это программное обеспечение, позволяющее эффективно создавать элементы Web станиц, разрабатывать сценарии и осуществлять их отладку.

Основные из них:

1) MS Font Page.

2) Macromedia Dream Weaver.

3) Блокнот.

Основные дескрипторы HTML

1.Заголовок HTML документа – определяет назначение HTML документа и его основные свойства.

Формируется при помощи парного дескриптора <HEAD>:

<HEAD>

-----------

</HEAD>

Содержимое заголовка обычно не отражается на экране пользователя при просмотре Web документа.

2.Тело Web документа – содержит содержательную часть Web документа (информация, графика и так далее).

Формируется при помощи парного дескриптора <BODY>:

<BODY>

------------

</BODY>

3.Дескриптор, определяющий начало и конец документа.

Формируется при помощи парного дескриптора <HTML>. Начальный находится в самом начале HTML документа, конечный – в самом конце Web документа.

<HTML>

Заголовок

Тело

</HTML>

Заголовок HTML документа и его основные свойства

Формируется при помощи МЕТА дескрипторов (<META>).

Дескриптор <META> используется для описания свойств HTML документа. Он является одиночным, однако содержит следующие атрибуты:

http-equiv
name
content

Первые два используются для обозначения свойств (то есть дают свойству имя), последний используется для придания свойству значения.

Например:

Используется для обозначения годности документа.

Указывает на тип документа, его отношение к текстовому документу и его кодировка.

Дает описание содержимого Web страницы.

<META name=”KEYWORDS” content=”…, …, …”

Ключевые слова указываются через запятую (можно пробел). Определяет ключевые слова данного Web документа.

http-

equiv

name

Подобные МЕТА свойства (или свойства HTML документа) обрабатываются поисковыми системами.

Пример.

<BODY BGCOLOR=”red”/”gray”/”# FFCC22”

BACKGROUND=1.jpg>

Структура дескриптора BODY

1.Атрибутbgcolor – для отображения фона HTML документа.

Пример.

bgcolor=”white” (black, blue и другие цвета)

Данному атрибуту может присваиваться свойство RGB (RGB – red, green, blue).

Пример.

bgcolor=”#FFCC22”, где

FF – уровень красной составляющей, CC - уровень зеленой составляющей, 22 – уровень синей составляющей.

В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный цвет.

Данная кодировка (RGB) может использоваться во всем HTML документе.

2. Атрибут background – определяет фон с помощью графического формата.

Пример.

background=”2.jpg”

В значении атрибута указывается название документа и путь к нему. (Если указано только название, то данный файл должен находиться в той же папке, что и HTML документ).

Если путь указан так:

background=”/fold1/2.jpg”, то папка будет искаться начиная от корневого каталога.

3. Атрибут TEXT.

Значения данного атрибута могут быть такими же, как у атрибута bgcolor.

Эти же правила верны и для следующих атрибутов:

4. Атрибут LINK= определяет цвет ссылки.

5. Атрибут VLINK= определяет цвет уже посещенной ранее ссылки.

6.Атрибут ALINK= определяет цвет активной ссылки (то есть ссылки, указывающей на текущий документ).

7. Атрибут TOPMARGIN=(верхнее поле).

8. Атрибут LEFTMARGIN=(левое поле).

Пример.

TOPMARGIN=”20” (в пунктах).

LEFTMARGIN=”10” (в пунктах).

Все содержимое HTML документа будет смещено относительно левого и верхнего края HTML документа.

Пример парного дескриптора:

-----------------------

</BODY>

Форматирование текста

В HTML документе можно помещать комментарии (они игнорируются браузером и используются для служебных целей).

Комментарии.

1) Одиночный дескриптор.

<!--

Все, что находится между первой и последней треугольной скобкой считается комментарием.

-->

2)Парный дескриптор <COMMENT> .

------------------

</COMMENT>

Браузеры игнорируют “обычные” средства форматирования текста, такие как последовательность пробелов, знаки табуляции, переводы строки и прочие. Чтобы отформатировать документ используются средства физического и логическогоформатирования.

К физическим относятся дескрипторы, которые определяют напрямую внешний вид текста.

К логическим относятся дескрипторы, которые определяют логический статус (значение) текста.

Физические средства форматирования.

1.Одиночный дескриптор <br> - перевод строки (разрыв строки)

2.Парный дескриптор <nobr>…</nobr> - запрещает разрыв текста, находящегося в контейнере. Данный дескриптор еще называют дескриптор жесткого переноса.

По причине различных условий, в которых отражается HTML документ (разные браузеры, видеорежимы, разрешение экрана) HTML документ может отображаться с нарушением взаимного расположения элементов.

3. Одиночный дескриптор <wbr> - определяет место мягкого переноса. Данный дескриптор используется совместно с дескриптором <nobr> и размещается внутри его контейнера.

Браузер осуществляет перенос в соответствии с этим дескриптором только в том случае, если строчка не помещается в ширину окна и обычный перенос запрещен с помощью дескриптора <nobr>.

4. Парный дескриптор<p>…</p> - параграф или абзац. Текст, находящийся внутри дескриптора оформляется в виде параграфа или абзаца.

Атрибут ALIGN= выравнивание текста.

Возможные значения:

· =LEFT – по левому краю.

· =CENTER – по центру.

· =RIGHT – по правому краю.

5. Парные дескрипторы заголовка.

Бывают шести уровней:

… … …

Текст заголовка выравнивается, до и после текста интервал.

Допустимо использование атрибута ALIGN.

Данные дескрипторы имеют большое значение для повышения информационной ценности документа в ”глазах” поисковой системы. (Дескрипторы заголовка – один из основных инструментов для повышения ценности).

6. Дескриптор <HR> – одиночный горизонтальный дескриптор.

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

Мировые информационные ресурсы (стр. 5 из 9)

Основные дескрипторы HTML

Заголовок HTML документа и его основные свойства

Структура дескриптора BODY

Форматирование текста