Лекция: Скрипты

Скрипты — это включения в HTML не-HTML кода, дополняющего его возможности. С помощью сприптов вы можете создавать анимированные кнопки меню, осуществлять автоматическое перенаправление на другие документы и т.д. Большинство скриптов пишется на языке JavaScript.
К сожалению, в этом справочнике вы не найдете описания самого JavaScript, но для его изучения можете воспользоваться одним из сайтов, представленных в разделе ссылок на другие материалы.

Элементы для работы со скриптами:

SCRIPT Вставляет скрипт в HTML-документ
NOSCRIPT Определяет текст, который будет отображен, если браузер не поддерживает скрипты

 

 

SELECT

(HTML 2.0) — Select
Элемент SELECT создает в заполняемой форме меню типа «Выбор одного пункта из многих» или «Выбор нескольких пунктов из многих». Должен располагаться внутри элемента FORM и иметь как начальный, так и конечный тэги. Содержит несколько элементов OPTION.

 

Параметры:

MULTIPLE — дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню.

NAME — определяет имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом OPTION.

SIZE — определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.

 


Пример:
… <FORM> <SELECT NAME=«Выбор»> <OPTION>MS-DOS <OPTION VALUE=«MD»>MS Windows98 <OPTION>MS Windows NT <OPTION>OS/2 <OPTION SELECTED>UNIX </SELECT> </FORM>…

 

 

Результат:

MS-DOS MS Windows98 MS Windows NT OS/2 UNIX

 

SMALL

(HTML 3.2) — Small
Текст, заключенный между начальным и конечным тэгами, отображается уменьшенным шрифтом (относительно текущего).

 

Пример:
Небоскребы, небоскребы, а я <SMALL>маленький</SMALL> такой.

 

 

Примечание:

В настоящее время элемент SMALL поддерживают только браузеры Internet Explorer и Netscape. Если вы хотите обеспечить совместимость с другими средствами просмотра, используйте тэг <FONT SIZE="-1"> (см. элемент FONT).

 

STRONG

(HTML 2.0) — Strong
Усиленное выделение. Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.

 

Пример:
Я <STRONG>сильный</STRONG>, но легкий.

 

 

STYLE

(HTML 3.2) — Style
Используется для вставки в документ таблицы стилей (CSS — Cascade Style Sheet).

 

Параметры:

TYPE — обязательный параметр. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого параметра является «text/css».

TITLE — определяет имя создаваемой таблицы стилей. Может пригодиться, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.

 

Пример:
<HEAD> <TITLE>Пример использования таблицы стилей</TITLE><!-- Втыкаем табличку стилей --> <STYLE TYPE=«text/css» TITLE=«Cool table»><!-- A {text-decoration: none;} P {color: blue; font-size: 12pt; font-family: Arial;} H1 {color: red; font-size: 18pt;} --> </STYLE><!--… кончили втыкать --> </HEAD>

 

 

Примечания:

Все популярные браузеры игнорируют параметр TITLE, поэтому можете его не использовать. А жаль, задумка-то была неплохая…

 

SUB

(HTML 2.0) — Subscript
Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу.

 

Пример:
X<SUB>i</SUB> = B<SUB>i</SUB> + C<SUB>i</SUB>

 

 

SUP

(HTML 2.0) — Superscript
Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.

 

Пример:
Microsoft <SUP>TM</SUP>

 

 

TABLE

(HTML 3.2) — Table
Элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION.

 

Параметры:

ALIGN — определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию — left.

VALIGN — должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения: top, bottom, middle.

BORDER — определяет ширину внешней рамки таблицы (в пикселах). При BORDER=«0» или при отсутствии этого параметра рамка отображаться не будет.

CELLPADDING — определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING — определяет расстояние (в пикселах) между границами соседних ячеек.

WIDTH — определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT — определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

BGCOLOR — определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND — позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.


Примеры таблиц

 

Примечания:

Если параметр HEIGHT указать равным 100%, то старые версии Internet Explorer будут создавать таблицу высотой чуть превышающей высоту окна браузера. Чтобы этого избежать, можно пожертвовать рамкой таблицы, указав BORDER=«0».
Старые версии Netscape работают некорректно, если ширина и высота таблицы равны 100%. В этом случае вокруг таблицы остается свободное пространство.
Параметр VALIGN работает очень загадочно. Скорее, вообще не работает.

Параметр ALIGN не работает в старых версиях браузера Internet Explorer. Чтобы осуществить желаемое выравнивание таблицы, нужно поместить ее между тэгами элемента DIV:


Пример:
<DIV ALIGN=«center»> <TABLE WIDTH=«70»>… </TABLE> </DIV>

 

 

 

еще рефераты
Еще работы по информатике