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

Изображения

• IMG — вставка изображения. Этот тег не закрывается.
• SRC — имя или URL
• ALT — альтернативное имя (отобразится, если в браузере запретить отображать картинки)
• TITLE — краткое описание изображения (отобразится при наведении курсора на картинку)
• WIDTH, HEIGHT — размеры (если не совпадают с истинными размерами картинки, то изображение «растянется» или «сожмется»)
• ALIGN — задает параметры обтекания текстом (top, middle, bottom, left, right)
• VSPACE, HSPACE — задают размеры вертикального и горизонтального пространства вокруг изображения

Пример:

<IMG SRC=url ALT="текст" TITLE="текст" WIDTH="размер (пикс, %)" HEIGHT="размер (пикс, %)">

Изображение можно сделать ссылкой:

<A HREF=url ><IMG SRC=url></A>

• <MAP> … </MAP> — создание карты изображений позволяющей хранить в одном изображении несколько ссылок.

Пример:

<IMG width="500" height="200" usemap="#somemap" src="url">

<MAP name="somemap">

<AREA shape="rect" coords="6, 7, 140, 196" href="url1">

<AREA shape="circle" coords="239, 98, 92" href="url2">

<AREA shape="polygon" coords="386,16, 344,56, 350,189, 385,132, 489,190, 496,74" href="url3">

</MAP>

Таблицы

• TABLE — создание таблицы. Параметры тега:
• BORDER — толщина разделительных линий в таблице
• CELLSPACING — расстояние между клетками
• CAPTION — заголовок таблицы (этот тег необязателен)
• TR — строка таблицы
• TH — заголовок столбца таблицы (этот тег необязателен)
• TD — ячейка таблицы
• height — высота таблицы
• width — ширина таблицы

Так, например,

<TABLE BORDER="1" CELLSPACING="0">

<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>

<TH> Год </TH>

<TH> Улов </TH>

<TR>

<TD> 1997 </TD>

<TD> 214 </TD>

</TR>

<TR>

<TD> 1998 </TD>

<TD> 216 </TD>

</TR>

<TR>

<TD> 1999 </TD>

<TD> 207 </TD>

</TR>

</TABLE>

Создаст таблицу:

Улов крокодилов в Мумбе-Юмбе
Год	Улов

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

<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="5">

таблица получится такой:

Улов крокодилов в Мумбе-Юмбе
Год	Улов

Другой параметр тегов TABLE, TR, TH, TD — ALIGN. Он определяет выравнивание. Возможные значения — center (по центру), left (по левому краю), right (по правому краю).

Параметр ALIGN в TD или TH определяет выравнивание для содержимого внутри данной ячейки, в TR — для содержимого всех ячеек строки, TABLE — для самой таблицы на страничке. Для каждой ячейки берётся выравнивание из TD или TH, если оно не задано — из TR, если и оно не задано — по центру для TH или по левому краю для TD.

Например, если заменить первые строки таблицы на

<TABLE BORDER="1" CELLSPACING="0" ALIGN="center">

<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>

<TH> Год </TH>

<TH> Улов </TH>

<TR>

<TD> 1997 </TD> <TD ALIGN="CENTER"> 214 </TD>

таблица получится такой:

Улов крокодилов в Мумбе-Юмбе
Год	Улов

Незакрытые теги TD, TR и TH приводят к некорректному отображению, особенно при работе со вложенными таблицами.

Дата добавления: 2015-05-10