- •Обязательные тэги
- •Vlink – определяет цвет гиперссылок на документы, которые вы уже просмотрели.
- •Текстовые блоки
- •Элементы форматирования текста:
- •Гиперссылки
- •Вставка изображений
- •Карты изображений
- •Плавающие фреймы
- •Создание бегущей строки
- •Служебная информация
- •Эффект постепенной прорисовки html-страницы
Карты изображений
Карты изображений позволяют пользователю связывать ссылки на другие документы с отдельными частями изображения
Элементы |
|
|
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 |
Определяет что показывать, если браузер не поддерживает фреймы |
Возможно внедрять фреймы в другие фреймы.