Background-position 4 страница

<TABLE>...</TABLE> Данный тег помещает на Web-страницу таблицу. Атрибуты <TABLE>:

align="left|center|right";
bgcolor="Цвет"
border="Толщина границы в пикселах"
cellpadding="Расстояние между содержимым ячейки и ее краев"
cellspacing="Расстояние между ячейками таблицы"
cols="Количество колонок"
height="Высота"
width="Ширина"

Атрибуты <TABLE> в IE:

accesskey="Клавиша-ускоритель"
background="Интернет-адрес файла изображения"
bordercolor="Цвет"
class="Стилевой класс"
datafld="Имя поля таблицы базы данных"
datapagesize="Размер страницы данных"
datasrc="Имя объекта-источника данных"
dir="ltr|rtl"
frame="none|above|below|hsides|lhs|rhs|vsides|box"
HIDEFOCUS
id="Имя"
lang="Код языка"
language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
rules="none|rows|cols|groups|all"
style="Определение встроенного стиля"
tabindex="Порядковый номер в последовательности"
title="Текст подсказки"

Атрибуты <TABLE> в NN:

hspace="Горизонтальный отступ"
vspace="Вертикальный отступ"

Блочный парный тег. Обязательных атрибутов не имеет, за исключением атрибута datapagesize, который обязателен при привязке таблицы к данным. Поддерживается IE начиная с 3.0 и NN начиная с 1.1 <CAPTION>...</CAPTION> Заголовок таблицы. Атрибуты <CAPTION>:

align="bottom|center|left|right|top";

Атрибуты <CAPTION> в IE:

accesskey="Клавиша-ускоритель"
class="Стилевой класс"
contenteditable="inherit|true|false"
dir="ltr|rtl"
DISABLED
HIDEFOCUS
id="Имя"
lang="Код языка"
language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
style="Определение встроенного стиля"
tabindex="Порядковый номер в последовательности"
title="Текст подсказки"
valign="top|bottom"

Встроенный парный тег. Обязательных атрибутов не имеет. Поддерживается IE начиная с 3.0 и NN начиная с 1.1 <TH>...</TH> Обозначает заголовок таблицы. Атрибуты как у TD, только содержимое выравнивается по центру. <TR>...</TR> Метки строк в таблице. Aтрибуты: ALIGN - устанавливает выравнивание текста в ячейках строки

ALIGN=LEFT - выравнивание влево
ALIGN=CENTER - выравнивание по центру
ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание текста в ячейках строки

VALIGN=TOP - выравнивание по верхнему краю
VALIGN=MIDDLE - по центру
VALIGN=BOTTON - по нижнему краю
VALIGN=CENTER
VALIGN=BASELINE

bgcolor - цвет фона
bordercolor - цвет рамки строки
bordercolordark - темный цвет рамки строки (IE)
bordercolorlight - светлый цвет рамки строки (IE)

<TD>...</TD> Метки ячеек таблицы. Aтрибуты: NOWRAP - содержимое ячейки показывать в одну строку COLSPAN - размах ячейки по горизонтали

COLSPAN=3 - ячейка на 3 колонки

ROWSPAN - размах ячейки по вертикали

ROWSPAN=2 - ячейка, за ней 2 строки

ALIGN - выравнивание текста в ячейках

ALIGN=LEFT - выравнивание влево
ALIGN=CENTER - выравнивание по центру
ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание

VALIGN=TOP - по верхнему краю
VALIGN=MIDDLE - по центру
VALIGN=BOTTOM - по нижнему краю

WIDTH - ширина ячейки в пикселях

WIDTH=200

HEIGHT - высота ячейки в пикселях

HEIGHT=40
bgcolor - цвет фона
background - фоновая графика (JPEG или GIF)
bordercolor - цвет рамки строки
bordercolordark - темный цвет рамки строки (IE)
bordercolorlight - светлый цвет рамки строки (IE)

<MULTICOL>...</MULTICOL> Вывод текста в несколько столбцов. Атрибуты: COLS="n" n - количество столбцов GUTTER="m" m - расстояние между столбцами

Графика, объекты, мультимедиа, сценарий

<MAP>...</MAP> Создание нескольких активных областей на одном рисунке <AREA> - задает чувствительную область Атрибуты <MAP>:

NAME - имя карты координат

Атрибуты <AREA>:

SHAPE - форма области

SHAPE=rect - прямоугольник (задаются две пары координат: x1,y1,x2,y2 (для верхнего левого и нижнего правого углов)) SHAPE=circle - окружность (задается x,y,r, где x,y - координаты центра, r - радиус) SHAPE=poly - многоугольник (задается x1,y1,x2,y2,...xn,yn, где x,y - координаты углов)

HREF - URL ссылки при щелчке на область мыщью
NOHREF - задание неактивной но чувствительной области
COORDS - координаты области

Пример: <MAP NAME="menu"> <AREA SHAPE=rect COORDS="0,0,20,20" HREF="file1.html"> <AREA SHAPE=rect COORDS="40,0,60,20" HREF="file2.html"> </MAP> Определение рисунка как меню производится в теге <IMG> при помощи атрибута USEMAP: <IMG SRC="pic.gif" border=0 USEMAP=#menu> <BGSOUND>...</BGSOUND> Вставить звуковой файл в документ (вставляется после <HEAD>). Только для IE. Параметры BGSOUND:

SRC - имя звукового файла (wav)

SRC="Sound.wav"

LOOP - число повторов

LOOP=3

VOLUME
DELAY
BALANCE

<IMG>...</IMG> Вставка изображения, видео или звука. Синтаксис: <IMG SRC="имя файла">

имя файла=file.jpg
имя файла=file.gif - вставка графического изображения
имя файла=file.wav - вставка звука
имя файла=file.avi - вставка видео фрагмента

Параметры:

WIDTH - ширина картинки в пикселях
HEIGHT - высота картинки в пикселях

ALIGN - выравнивание

ALIGN=LEFT - изображение прижимается к левому полю окна, текст обтекает изображение с правой стороны ALIGN=CENTER - выравнивание по центру ALIGN=RIGHT - изображение прижимается к правому полю окна, текст обтекает изображение с левой стороны VALIGN=TOP - верхняя граница изображения выравнивается по самому высокому элементу текущей строки VALIGN=TEXTTOP - верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки VALIGN=MIDDLE - выравнивание середины изображения по базовой линии текущей строки VALIGN=ABSMIDDLE - выравнивание середины изображения посередине текущей строки VALIGN=BOTTOM,BASELINE - выравнивание нижней границы изображения по базовой линии текущей строки VALIGN=ABSBOTTOM - выравнивание нижней границы изображения по нижней границе текущей строки

HSPACE - горизонтальный отступ от графического изображения
ALT - альтернативный текст

<MARQUEE>...</MARQUEE> Создание бегущей строки.

BEHAVIOR-устанавливает движения текста
BEHAVIOR="scroll"(по умолчанию)-стандартное движение от правого края к левому
BEHAVIOR="alternate"-движение от правого края к левому и обратно
BEHAVIOR="slide"-один раз пробегает и остается
DIRECTION-направление движения текста
DIRECTION="left"(по умолчанию)
DIRECTION="right"
DIRECTION="up"
DIRECTION="down"
LOOP - число повторений цикла, по умолчанию "infinite"-вечно
WIDTH - ширина строки
WIDTH=n - ширина строки n пикселей
WIDTH=n% - ширина строки n% от ширины экрана
HEIGHT - высота строки
HEIGHT=n - высота строки n пикселей
HEIGHT=n% - высота строки n% от max возможного значения
scrollAmount - регулировка движения строки по экрану
scrollAmount=n - строка скачет через n пикселей
scrollDelay - скорость перерисовки строки
scrollDelay= t - скорость перерисовки t милисекунд
TrueSpeed - по умолчанию"false"
BGCOLOR - цвет поверхности бегущей строки

События:

onStart срабатывает, когда должна начаться прокрутка
onFinish срабатывает, когда прокрутка закончилась

onBounce срабатывает, когда бегущяя строка достигла границы и меняет направление

допускается, когда значение behavior установлено на "alternate"

onMouseOver срабатывает при наведении курсора на прокрутку
onMouseOut срабатывает, когда курсор убирается с прокрутки
onClick срабатывает при нажатии на прокрутку

Синтаксис: <MARQUEE BEHAVIOR="alternate"><IMG SRC="001.PNG" BEHAVIOR=ALTERNATE HEIGHT=227 WIDTH=213 ALT="Idocs Guide to HTML"> <SCRIPT>...</SCRIPT> Описывает язык скрипта. Обычно это или JavaScript либо VBScript. Атрибуты:

LANGUAGE="JavaScript" - указывает, что используется JavaScript
LANGUAGE="VBScript" - указывает, что используется VBScript

<EMBED>...</EMBED> Размещает модуль на Web-странице. Атрибуты EMBED:

ALIGN=value - Выравнивание.
BORDER=num - Ширина рамки в пикселях.
FRAMEBORDER=value (NO - не отображать рамку).
HEIGHT=num - Высота кадра, выраженная в единицах, которые установлены в атрибуте UNITS.
HIDDEN - Скрывает модули на странице.
HSPACE=num - Ширина левого и правого полей в пикселях.
NAME=name - имя модуля.

PALETTE=value

PALETTE=FOREGROUND - цвет переднего плана. PALETTE=BACKGROUND - цвет фона.

PLUGINSPAGE=URL - URL Web-страницы, содержащей инструкции по инсталяции модуля.
SRC=URL - URL, указывающий местонахождение встроенного файла мультимедиа. Если этот атрибут не используется, то следует использовать атрибут TYPE.
TYPE=type - MIME-тип встроенного объекта, определяющий модуль, который необходимо загрузить. Используется для модулей, которым не требуются данные.

UNITS=value

Значение PIXELS - Единицами измерения служат пиксели. Значение EN - Единицами измерения служит половина размера шрифта.

VSPACE=num - Ширина верхнего и нижнего полей в пикселях.
WIDTH=num - Ширина фрейма, выраженная в единицах, которые установлены в атрибуте UNITS.
AVTOSTART - Указывает, надо ли сразу проигрывать загружаемый файл.

<OBJECT>...</OBJECT> Размещает модуль на Web-странице. Применяется внутренний тег <PARAM>. Атрибуты OBJECT:

BORDER=num - Ширина рамки в пикселях.
CLASSID=URL - URL модуля для загрузки из Internet, если у пользователя этот модуль не инсталирован.
DATA=URL - URL файла, содержащего данные объекта.
HEIGHT=num - Высота кадра, выраженная в единицах, которые установлены в атрибуте UNITS.
HSPACE=num - Ширина левого и правого полей в пикселях.
ID=name - Имя встроенного объекта.
TYPE=type - MIME-тип встроенного объекта, определяющий модуль, который необходимо загрузить. VSPACE=num - Ширина верхнего и нижнего полей в пикселях.
WIDTH=num - Ширина фрейма, выраженная в единицах, которые установлены в атрибуте UNITS.

UNITS=value

Значение PIXELS - Единицами измерения служат пиксели. Значение EN - Единицами измерения служит половина размера шрифта. <PARAM>...</PARAM> Указывает дополнительные свойства вставляемого модуля. Размещается между <OBJECT>...</OBJECT> Пример: <OBJECT определение_объекта> <PARAM NAME="LOOP" VALUE="TRUE"> </OBJECT>

Формы

<FIELDSET>...</FIELDSET> Используется для группирования элементов форм. Пример: <FIELDSET> <LEGEND>Возраст</LEGEND> <INPUT type=Radio Name="size18">До 18 <INPUT type=Radio Name="size18">Больше 18 </FIELDSET> <FORM>...</FORM> Открытие формы. Атрибуты FORM:

ACTION - обязательный атрибут - определяет местонахождение определяемых форм
METHOD - определяет место передачи формы

METHOD=POST METHOD=GET - (по умолчанию)

ENCTYPE - определяет кодировку для передачи обработчику по умолчанию

ENCTYPE=application/x-www-form-urlencoded <INPUT>...</INPUT> Рисует кнопку или окно ввода. Синтаксис: <INPUT TYPE="тип кнопки" VALUE="надпись" NAME=" имя переменной">

тип кнопки=SUBMIT - рисует кнопку с надписью "надпись" - обработчик onclick
тип кнопки=RADIO - рисует круглую кнопку - обработчик onclick

параметр CHECKED - обозначает, что кнопка помечена параметр VALUE - определяет имя, присваиваемое переменной

тип кнопки=CHECKBOX - рисует квадрат, в котором можно сделать пометку - обработчик onclick

параметр CHECKED - обозначает, что кнопка помечена параметр VALUE - определяет имя, присваиваемое переменной

тип кнопки=BUTTON - рисует кнопку с надписью надпись - обработчик onclick
тип=HIDDEN - определяет скрытый элемент данных

параметр NAME - определяет переменную параметр VALUE - определяет имя, присваиваемое переменной

тип кнопки=TEXT - ввод текста в окно

параметр VALUE - текст по умолчанию параметр SIZE - ширина окна в символах

тип кнопки=PASSWORD - окно для ввода пароля

параметр VALUE - пароль по умолчанию параметр SIZE - ширина окна в символах параметр MAXLENGTH - допустимая длина пароля

тип кнопки=NUM - ввод числа в окно

параметр VALUE - число по умолчанию

тип кнопки=RESET - сброс данных формы

<SELECT>...</SELECT> Выбор значения из всех предложенных.

NAME - обязательный атрибут, определяющий имя переменной, которую генерирует меню.
MULTIPLE - атрибут, указывающий на возможность выбора нескольких элементов
SIZE - высота окна в строках

<OPTION>...</OPTION> Определяет элемент меню. Используется внутри тега <SELECT>.

VALUE - значение, которое будет передано обработчику (обязательный атрибут)
SELECTED - атрибут, указывающий на значение по умолчанию

<TEXTAREA>...</TEXTAREA> Выводит область ввода текста.

Фреймы

<FRAMESET>...</FRAMESET> Определяет состав и размеры кадров на экране. Атрибуты FRAMESET:

COLS

- определяет размеры и количество вертикальных окон

ROWS

- определяет размеры и количество горизонтальных окон <FRAME>...</FRAME> Определяет HTML файл для каждого кадра. Теги <FRAME>...</FRAME> располагаются внутри <FRAMESET> Атрибуты FRAME:

SRC - адрес HTML-документа

NAME - задает имя кадра
FRAMEBORDER - отражение рамки фрейма (0 - выключена)

Для загрузки в нужном окне HTML-документа по гиперссылке из другого окна используют атрибут TARGET в теге <A HREF> <A HREF="Text.html" TARGET="nameWindow"> Для упрощения можно использовать тег <BASE> <BASE TARGET="nameWindow">

Параметр TARGET - задает кадр, выделяемый по умолчанию для отображения гипертекста
NORESIZE - включает режим, при котором пользователь не может изменить размеры данного кадра
SCROLLING - линейка прокрутки

SCROLLING=YES - создается линейка прокрутки SCROLLING=NO - линейка прокрутки не создается

MARGINHEIGHT
MARGINWIDTH толщина граничной линии между кадрами в пикселях

<NOFRAME>...</NOFRAME> Предназначен для передачи сообщений браузеру, не обрабатывающему кадры. Пример использования <NOFRAMES> <HTML> <HEAD> <TITLE>Пример</TITLE> </HEAD> <FRAMESET COL="25,*"> <FRAME SRC="LeftFile.html"> <FRAME SRC="RightFile.html"> </FRAMESET><NOFRAME> <BODY> Ваш браузер не может обрабатывать кадры!!! </BODY> </NOFRAME> </HTML> <IFRAME>...</IFRAME> Создание вложенного окна. Атрибуты IFRAME:

frameBorder -
height - высота окна
width - ширина окна
marginHeight - верхний и нижний отступ документа в окне
marginWidth - левый и правый отступ документа в окне
SCROLLING - прокрутка
scrolling=yes - прокрутка разрешена
scrolling=no - прокрутка запрещена
SRC - описание вставляемого документа

above - Задает слой, который будет перекрываться текущим слоем. <LAYER above="{Имя слоя}"> Поддерживается NN начиная c 4.0 accesskey - Задает клавишу-ускоритель для быстрого доступа к элементу страницы. <INPUT accesskey="{Клавиша-ускоритель}"> Например, можно присвоить клавишу-ускоритель полю ввода и при ее нажатии вместе с клавишей <ALT> поле ввода будет активизировано. Поддерживается IE начиная с 4.0 для элементов управления и внедренных объектов и начиная с 5.0 для всех остальных элементов. action - Задает интернет-адрес серверной программы, которой форма передаст введенные пользователем данные. <FORM action="{Интернет-адрес серверной программы}"> Поддерживается IE начиная с 3.02 Поддерживается NN начиная с 1.0 align (Для <CAPTION>, <LEGEND>) - Задает выравнивание элемента заголовка таблицы (<CAPTION>) по отношению к таблице или пояснительной надписи (<LEGEND>) относительно группы полей. <CAPTION align="bottom|center|left|right|top"> Для IE доступны пять значений:

bottom - выравнивание по нижнему краю и по центру;
left - выравнивание по левому краю;
center - выравнивание по центру;
right - выравнивание по правому краю;
top - выравнивание по верхнему краю и по центру.

В NN реализованы только значения top и bottom, значение по умолчанию top. Поддерживается IE начиная с 3.02 для <CAPTION> и начиная с 4.0 для <LEGEND>. Поддерживается NN начиная с 1.1 align (Для <DIV>, <Hn>, <HR>, <P>, элементы таблицы) - Задает выравнивание содержимого элемента страницы. <DIV align="left|center|right|justify"> Доступны четыре значения:

left - выравнивание по левой границе (по умолчанию);
center - выравнивание по центру (по умолчанию для <HT>);
right - выравнивание по правой границе;
justify - полное выравнивание по ширине (доступно только для <DIV>,<Hn> и <P>; NN не поддерживает это значение).

Поддерживается IE начиная с 3.02 для <COL>, <COLGROUP>,<DIV>,<HR>,<P>,<TD>,<TH>,<TR> и начиная с 4.0 для <Hn>,<TBODY>,<TFOOT>,<THEAD>. Поддерживается NN начиная с 1.1 для <P>,<HR> и элементов таблиц, а начиная с 2.0 для <DIV> align (Для <IFRAME> и <TABLE>) - Задает выравнивание "плавающего" фрейма (<IFRAME>) или таблицы (<TABLE>). <TABLE align="left|center|right"> Доступны три значения:

left - выравнивание по левому краю доступного пространства (по умолчанию);
center - выравнивание по центру доступного пространства;
right - выравнивание по правому краю доступного пространства.

Поддерживается IE начиная с 3.02 для <TABLE> и начиная с 4.0 для <IFRAME>. Поддерживается NN начиная с 4.0 для <TABLE> align (Для <IMG>, <SPACER>, элементы управления, внедренные элементы) - Задает местоположение рисунка, элемента управления или внедренного элемента относительно "обтекающей" его строки текста. <IMG align="left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom"> Доступны следующие значения:

left - элемент смещается влево, а текст обтекает его справа (значение по умолчанию);
right - элемент смещается вправо, а текст обтекает его слева;
top - вершина элемента выравнивается по верхней границе строки;
texttop - вершина элемента выравнивается по вершине самого высокого символа строки;
middle - элемент центрируется в строке;
absmiddle - центр элемента выравнивается точно по центру строки;
baseline - низ элемента выравнивается по базовой линии строки;
bottom - низ элемента выравнивается по низу строки;
absbottom - низ изображения выравнивается по низу самого низко сидящего символа строки.

Поддерживается IE начиная с 3.02 для <APPLET>, <IMG>, <INPUT>, <OBJECT> и начиная с 4.0 для <EMBED>, <FIELDSET>, <SELECT>. Поддерживается NN начиная с 1.1; значения атрибута absmiddle, absbottom, texttop, middle и baseline реализованы начиная с 3.0 для всех элементов, кроме <EMBED> и <OBJECT>. alink - Задает цвет активных гиперссылок в документе. <BODY alink="{Цвет}"> Поддерживается IE начиная с 4.0 Поддерживается NN начиная с 1.0 allowtransparency - Задает прозрачность фрейма, обычного или "плавающего". <IFRAME [allowtransparency]> По умолчанию фон фрейма определяется отображаемой в нем Web-страницей. Если же в тег включен атрибут allowtransparency, то фон фрейма можно задать каким угодно; если же он не задан, используется цвет фона Web-страницы, где определен фрейм. Пример использования атрибута allowtransparency: <BODY style="background-color: red"> <IFRAME id="Frame1" src="file.html" allowtransparency="true"> </IFRAME> <IFRAME id="Frame2" src="file.html" allowtransparency="true" style="background-color: green"> </IFRAME> <IFRAME id="Frame3" src="file.html"></IFRAME> <IFRAME id="Frame4" src="file.html" style="background-color: green"> </IFRAME> </BODY> Фрейм Frame1 будет иметь красный фон, т.к. атрибут allowtransparency имеет значение true; красный фон страницы будет "просвечивать" сквозь него. Фрейм Frame2 будет иметь зеленый фон, т.к. атрибут allowtransparency имеет значение true, и в определении стиля задан фоновым цветом зеленый. А вот фреймы Frame3 и Frame4 будут иметь цвет фона, определяемый загруженным в них документом, т.к. атрибут allowtransparency у них имеет значение false.

⇐ Предыдущая 5 6 7 8910 11 12 13 14 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2015-06-27; Просмотров: 399; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2025) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.013 сек.