Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Скрипты



Скрипты - это включения в 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:






Дата публикования: 2014-10-29; Прочитано: 222 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.008 с)...