Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
HTML.doc
Скачиваний:
14
Добавлен:
21.07.2019
Размер:
263.68 Кб
Скачать

Карты изображений

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

Элементы

MAP

Представление графического изображения в виде карты с активными областями. Может быть связан с тэгом <IMG>или тэгом <INPUT> с помощью атрибута USEMAP

AREA

Определяет активную область в составе карты изображений на стороне клиента

Атрибуты

SHAPE

Задает форму активной области на карте

Значения

- rect – прямоугольная область

- circle – область в форме круга

- poly – область в форме многоугольника

- default – вся область

COORDS

Определяет позицию области на экране. (Координаты)

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

  • Для круга – координаты центра и радиус

  • Для прямоугольной области задаются координаты всех четырех углов

  • Для многоугольной области задаются координаты каждого из углов

HREF

Задает URL-адрес для ссылки

ALT

Задает альтернативный текст для браузеров, которые не поддерживают тэг <AREA>

TITLE

Задает текст подсказки, всплывающей при наведении указателя мыши на активную область

TARGET

Идентифицирует фрейм, в который должен быть открыт целевой ресурс

Параметры

Имя – документ открывается во фрейме с именем, задаваемым с помощью атрибута NAME тэга<FRAME>

_blank – Документ открывается в новом неименованном окне

_self – Документ открывается в том же окне, в котором содержится текущий документ

_parent – Документ открывается во фрейме, родительском по отношению к фрейму, содержащему текущий документ (если родительского фрейма не существует, то документ открывается в текущем фрейме)

_top – Документ открывается в текущем окне и занимает все окно

NOHREF

Указывает, что с областью не связана ссылка

TABINDEX

Определяет порядок получения фокуса после нажатия клавиши Tab (значение – число)

ACCESSKEY

Определяет комбинацию клавиш, используемую для доступа к активной области

ONFOCUS

Определяет обработчик события, возникающего при получении активной области фокуса ввода

ONBLUR

Определяет обработчик событий при потере активной областью фокуса ввода

USEMAP

Необязательный атрибут. Связывает с данным элементом карту изображения

ISMAP

Необязательный атрибут. Используется для определения карты изображения на стороне сервера

Объекты

Объекты – это графические и мультимедийные вставки в HTML-документ, такие как картинки, Flash-анимация, Java-апплеты, звуки, музыка, VRML.

Элементы:

 IMG

Используется для вставки в HTML изображений

 EMBED

Используется для вставки в HTML различных объектов

Атрибуты:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG) : под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG атрибутов, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE

Другие атрибуты:

SRC

Обязательный атрибут. Определяет имя файла вставляемого объекта.

PLUGINSPACE

Указывает на адрес (URL), по которому можно найти plug-in, необходимый для просмотра типа файлов, аналогичных указанному в атрибуте SRC

PALETTE

определяет тип цветовой палитры для просмотра объекта. Данный атрибут работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения:

background – использовать background-палитру для отображения объекта (используется по умолчанию). foreground – использовать foreground-палитру для отображения объекта.

HIDDEN

определяет, отображать указанный объект или нет.

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

true – не отображать объект. false – отображать объект (используется по умолчанию).

TYPE

явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

 NOEMBED

Используется, если браузер не поддерживает элемент EMBED

 APPLET

Используется для вставки в HTML Java-апплетов

Атрибуты:

CODE – обязательный атрибут. Определяет имя файла исполняемого Java-апплета.

CODEBASE – указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java-апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN – обязательный атрибут. Указывает способ выравнивания Java-апплета. Может принимать те же значения, что и аналогичный атрибут элемента IMG.

HEIGHT и WIDTH – обязательные атрибуты. Определяют ширину и высоту (в пикселах) окошка вывода программы.

HSPACE и VSPACE – определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.

NAME – указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT – определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.

SRC – указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

 PARAM

Располагается в начале элемента APPLET. Используется для передачи Java-программе каких-либо параметров. Элемент задает пару "имя – значение" переменной, которая будет передана Java-программе.

Таблицы

Таблицы в HTML формируются нетрадиционным способом – построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

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

Элементы для создания таблиц:

 TABLE

Создает таблицу

Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации

Атрибуты:

ALIGN

Определяет способ горизонтального выравнивания таблицы. (обтекание таблицы текстом)

Возможные значения: left, center, right.

Значение по умолчанию – left.

VALIGN

Должен определять способ вертикального выравнивания таблицы.

Возможные значения: top, bottom, middle

BORDER

пределяет ширину внешней рамки таблицы (в пикселях).

При BORDER="0" или при отсутствии этого атрибута рамка отображаться не будет

BORDERCOLOR

Определяет цвет рамки. Используется только с атрибутом BORDER

Возможно деление рамки на две части

BORDERCOLORLIGHT – цвет левой и верхней части сторон рамки

BORDERCOLORDARK – цвет нижней и правой сторон рамки

FRAME

Определение фрагментов внешнего очертания таблицы

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

void Все линии отсутствуют

above Линия над таблицей

below Линия под таблицей

rhs Линия справа от таблицы

lhs Линия слева от таблицы

hsides Линии над и под таблицей

vsides Линии слева и справа от таблицы

border Все линии присутствуют (по умолчанию)

RULES

Указывает набор внутренних разделительных линий

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

none Все линии отсутствуют

cols Линии между столбцами

rows Линии между строками

groups Линии между группами столбцов и строк

all Все линии присутствуют (по умолчанию)

CELLPADDING

Определяет расстояние (в пикселях) между рамкой каждой ячейки таблицы и содержащимся в ней материалом. По умолчанию=1пиксель

CELLSPACING

Определяет расстояние (в пикселях) между границами соседних ячеек По умолчанию=1пиксель

WIDTH

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

HEIGHT

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

BGCOLOR

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

BACKGROUND

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

HSPACE

Задает свободное пространство слева и справа от таблицы в пикселях

VSPACE

Задает свободное пространство сверху и снизу от таблицы в пикселях

COLSPES

Позволяет создавать столбцы фиксированной ширины. Значение ширины задается либо в символах, либо в процентах

 CAPTION

Задает заголовок таблицы

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

Атрибуты:

ALIGN

Определяет способ вертикального выравнивания заголовка таблицы. Возможные значения:

top – помещает заголовок над таблицей (значение по умолчанию); bottom – помещает заголовок под таблицей.

 TR

Создает новый ряд (строку) ячеек таблицы

Атрибуты:

ALIGN

Определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right

VALIGN

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

BGCOLOR

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

ID

Задает имя для ссылки

TD

Создает ячейку с данными в текущей строке

TH

Создает ячейку, но определяет ее как ячейку-заголовок

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

Атрибуты:

ALIGN

Определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right, blееdleft прижимает содержимое ячейки вплотную к левому краю. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование.

VALIGN

Определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было задано ранее в элементе TR.

WIDTH

Определяет ширину ячейки. Ширина задается в пикселях или в процентном отношении к ширине таблицы

HEIGHT

Определяет высоту ячейки. Высота задается в пикселях или в процентном отношении к высоте таблицы

COLSPAN

Определяет количество столбцов, на которые простирается данная ячейка. (Слияние ячеек столбцов).

По умолчанию имеет значение 1.

ROWSPAN

Определяет количество рядов, на которые простирается данная ячейка. (Слияние ячеек из нескольких строк в пределах одного столбца). По умолчанию имеет значение 1

NOWRAP

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

Если вы используете одновременно атрибуты NOWRAP и WIDTH="x", где x – маленькое число, то следует дополнительно вставлять внутрь ячейки <NOBR>

BGCOLOR

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

BACKGROUND

Заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка.

COLGROUP

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

COL

Формирует неструктурные группы столбцов, которые делят таблицу на разделы, не имеющих отношения к структуре. Это удобно в том случае, когда не все столбцы содержат информацию одного типа.

THEAD

Создание группы заголовков для столбцов таблицы. Этот тэг допускается использовать в пределах таблицы только одни раз.

TBODY

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

TFOOT

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

Атрибуты

для группировки

BGCOLOR

Задает цвет фона ячеек

ALIGN

Задает режим горизонтального выравнивания.

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

left - влево

center – по центру

right – вправо

VALIGN

Задает режим вертикального выравнивания.

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

middle – по середине

top – вверх

SPAN

Задает количество столбцов в группе

WIDTH

Задает ширину ячеек в столбцах

ID

Задает имя для ссылки

Фреймы

Фреймы (frames) используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню.

все элементы находились вне элемента BODY.

Элементы:

 FRAMESET

Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице

Создаётся вместо тела документа. Открывает и закрывает список фреймов, определяемых с помощью элемента FRAME. Между начальным и конечным тегами кроме элементов FRAME и NOFRAMES могут находиться другие элементы FRAMESET. То есть элемент FRAMESET поддерживает вложенные конструкции фреймов.

Атрибуты:

ROWS

Определяет количество и размеры горизонтальных фреймов (фреймов-строк) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Способы задания размеров:

• в процентах от высоты рабочей области окна браузера.

Например: "30%,30%,40%"; в виде знака "*" (звездочка), говорящего о том, что фрейм занимает все свободное пространство окна браузера, незанятое другими фреймами с явно указанными размерами. Например, звездочка в записи "25%,25%,*" равносильна 50%; в пикселях. Например: "75,*";

Все три способа можно совмещать. Например, "25%,40,*" разобьет экран на три горизонтальных фрейма, первый из которых будет высотой в четверть окна браузера, второй – в 40 пикселов, а третий займет всю оставшуюся площадь.

COLS

Определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Размеры задаются так же, как и в предыдущем атрибуте ROWS.

BORDER

Определяет ширину рамок фреймов в пикселях. Данный атрибут действует только в браузерах Netscape

FRAMEBORDER

Определяет наличие рамок у содержащихся внутри FRAMESET фреймов. Возможные значения:

Yes – отображать рамки; No или 0 – не отображать рамки;

Браузеры Netscape не поддерживают данный атрибут в полной мере и для глобального определения ширины рамок используют атрибут BORDER.

FRAMESPACING

Определяет расстояние (так называемую "серую область") между фреймами в пикселях. Данный атрибут необходим для создания фреймов без рамок.

 FRAME

Определяет фрейм и его свойства внутри FRAMESET-структуры

Атрибуты:

NAME

Определяет имя фрейма. Имя используется для обращения к фрейму в программе.

SRC

Задает документ, который должен отображаться внутри данного фрейма.

MARGINWIDTH

Позволяет указать величину в пикселях вертикальных разделительных полос между фреймами. Не может быть меньше 1.

MARGINHEIGHT

Позволяет указать величину в пикселях горизонтальных разделительных полос между фреймами. Не может быть меньше 1.

SCROLLINC

Определяет наличие полосы прокрутки фрейма.

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

- yes – наличие полос прокрутки в любом случае

- no – отсутствие полос прокрутки в любом случае, даже если документ больше фрейма.

- auto – полосы прокрутки появляются, только при необходимости. Значение по умолчанию..

NORESIZE

Позволяет создавать фреймы без возможности изменения размеров.

FRAMEBORDER

Задает обрамление у фреймов и может принимать значения 1 (есть обрамление) и 0 (нет обрамления)

 NOFRAMES

Определяет что показывать, если браузер не поддерживает фреймы

Возможно внедрять фреймы в другие фреймы.