Лабораторная работа №2 Вставки графики, гиперссылок, таблиц и бегущих строк.
Изображение внедряется в Web-страницу с помощью тэга <IMG>.
|
Атрибут |
Значение |
Описание |
|
ALIGN |
ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP |
расположение рисунка и выравнивание текста относительно рисунка |
|
ALT |
строка |
краткое описание |
|
BORDER |
целое число |
толщина границы |
|
CLASS |
строка |
имя класса для элемента |
|
DATAFLD |
строка |
|
|
DATASRC |
строка |
|
|
DYNSRC |
строка |
|
|
HEIGHT |
целое число |
высота изображения |
|
HSPACE |
целое число |
ширина свободного пространства вокруг изображения |
|
ID |
идентификатор |
уникальный идентификатор элемента |
|
LANG |
строка |
информация о языке |
|
LANGUAGE |
JAVASCRIPT | VBSCRIPT |
|
|
LOOP |
строка |
|
|
LOWSRC |
строка |
|
|
NAME |
строка |
|
|
SRC |
строка |
источник изображения |
|
STYLE |
строка |
|
|
TITLE |
строка |
заголовок, используется как подсказка |
|
USEMAP |
строка |
|
|
VSPACE |
целое число |
высота пространства вокруг изображения |
|
WIDTH |
целое число |
ширина изображения |
|
событие |
сценарий |
|
Пример. <IMG WIDTH=236 HEIGHT=118 SRC=”gif/yourgif.gif”> </IMG>
Тэг <A> предназначен для создания гиперссылок как на другие страницы, так и на метки переходов внутри страницы. Он имеет следующие атрибуты:
|
Атрибут |
Значение |
Описание |
|
ACCESKEY |
строка |
клавиша доступа |
|
CLASS |
строка |
имя класса для элемента |
|
DATAFLD |
строка |
|
|
DATASRC |
строка |
|
|
HREF |
строка |
адрес гиперссылки |
|
ID |
идентификатор |
уникальный идентификатор элемента |
|
LANG |
строка |
информация о языке |
|
LANGUAGE |
JAVASCRIPT | VBSCRIPT |
|
|
METHODS |
строка |
|
|
NAME |
строка |
|
|
REL |
строка |
|
|
REV |
строка |
|
|
STYLE |
строка |
|
|
TARGET |
имя | _blank | _parent | _self | _top |
|
|
TITLE |
строка |
заголовок, используется как подсказка |
|
URN |
строка |
|
|
событие |
сценарий |
|
Примеры.
Внешняя ссылка:
<A HREF=”http://www.microsoft.com” >Microsoft</A>
Внутренняя ссылка:
<A NAME=MIDDLE>Средняя часть Web-страницы</A>
<A HREF=”#MIDDLE”>Перейти к середине</A>
или
<H2 id=JumpHere>Вы можете перейти прямо к этому заголовку! </H2>
<A HREF=JumpHere>Щелкните здесь, чтобы перейти прямо к тому заголовку! </A>
Внешняя ссылка с помощью графического элемента:
<A HREF=”http://rampages.onramp.net/~jerry”><IMG SRC=”photo.gif”></A>
Таблицы в HTML формируются с помощью контейнера <TABLE>. Заголовок таблицы определяется тегом <CAPTION>. Каждая строка таблицы помещена в тэг <TR>. Ячейка определяется тегами <TD></TD>. В отдельной ячейке можно разместить отдельные вложенные таблицы или изображение. Ячейка, содержащая заголовок, определяется тэгом <TH>.
Атрибут BORDER определяет ширину рамки в пикселах для тэга <TABLE>.
К каждому из тэгов <TR>, <TH>, <TD> <CAPTION> могут быть применены следующие атрибуты:
ALIGN – выравнивание по горизонтали;
VALIGN – выравнивание по вертикали (top, bottom, middle, baseline);
BORDERCOLOR – цвет границы;
BGCOLOR – цвет фона.
WIDTH – ширина таблицы или ячейки в пикселах или процентах;
HEIGHT – высота таблицы или ячейки в пикселах или процентах;
BORDER – толщина рамки вокруг таблицы;
CELLPADDING, CELLSPACING – размещение в отдельных ячейках таблицы или во всей таблице дополнительного свободного пространства.
Для объединения двух и более смежных ячеек в строке используется атрибут ROWSPAN.
Для объединения двух и более смежных ячеек в столбце используется атрибут COLSPAN.
Бегущие строки создаются с помощью тэга:
<marquee>содержимое бегущей строки</marquee>