-
Использование графики в html
Ответ:
Фон-картинка
Фоновая картинка задается в команде <BODY> атрибутом background:
<BODY background=afqk_c_rfhnbyrjq>
Чтобы зафиксировать фон так, чтобы при прокручивании страницы ее содержание «скользило» по нему используют атрибут bgproperties со значением fixed:
<BODY bgproperties= fixed>
Вставка иллюстраций
Тег <IMG>. Команда не имеет парного закрывающего тега, но имеет много атрибутов.
Атрибут src=имя_файла - задать имя файла с картинкой.
Команда вывода графики:
<IMG src=./pic/img.gif>.
Атрибут alt=“текст_надписи” - если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt.
Например, выполняя команду:
<IMG src=./pic/monstr.jpg alt=«Страшный зверь»>
Атрибут alt рекомендуется использовать всегда.
Атрибуты width=n и height=m – задают ширину (width) и высоту (height) (в пикселях) прямоугольника, в который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах.
Атрибут border=n - позволяет задать рамку вокруг иллюстрации толщиной в n пикселов.
При отсутствии атрибута или при значении n=0 рамка не рисуется.
Атрибуты hspace=n vspace=n - определяют свободное пространство слева и справа (hspace), над и под (vspace) картинкой.
Атрибут align - определяет положение изображения относительно окружающего его текста.
-
align=top - выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста.
-
align=middle - выравнивает центр изображения по базовой линии строки окружающего текста.
-
align=bottom - выравнивает нижний край изображения по базовой линии строки окружающего текста.
-
align=left - определяет огибаемое текстом изображение. Изображение располагается вдоль левой границы документа, а последующие строки текста огибают его справа.
-
align=right - определяет огибаемое текстом изображение. Изображение располагается вдоль правой границы документа, а последующие строки текста огибают его слева.
Картинка как ссылка
<A href=ссылка…><IMG src=файл…></A>
Карты
<IMG> позволяет использовать изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы. Такие изображения называются картами (map).
Для обработки карт в теге <IMG> используется атрибут usemap со значением-ссылкой на описание «чувствительных» областей картинки:
<IMG src=./pic/map1.jpg width=385 heigth=399 usemap=#map1 alt=“Мы и теги” border=0>
Конструкция записи атрибута usename:
#идентификатор
Атрибут usemap определяет имя карты:
usemap=#Имя
Это имя ставится в соответствии со значением соответствующих атрибутов элементов AREA и MAP, которые определяют конфигурацию карты.
Задание атрибутов usemap придает элементу <IMG> возможность осуществления переходов.
Описание «чувствительных» областей размещается в любом месте внутри <BODY>.
В теге <MAP> указывается атрибут name со значением, равным идентификатору ссылки, размещенной в соответствующем теге <IMG>.
Блок <MAP> содержит теги <AREA> с описанием «чувствительных» областей. Для каждой области карты должен быть свой элемент <AREA> (не имеет конечного тега).
Атрибуты тега <AREA>:
-
Атрибут shape - задает вид «чувствительной» области.
shape=rect – прямоугольник
shape=circle – окружность
shape=poly – многоугольник
shape=default – оставшаяся область
-
Атрибут coords - задает координаты области в пикселях. За начало отсчета принимается верхний левый угол картинки. Координаты задаются через запятые.
Шаблон для задания круговой области:
shape=circle coords=x, y, r
Шаблон для области произвольной конфигурации:
shape=poly coords=x1,y1, x2,y2, x3,y3, x4,y4, x5,y5
Шаблон для задания прямоугольной области:
shape=rect coords=x1,y1, x2,y2
Для shape=default атрибут coords не используется.
-
Атрибут href - задает ссылку для гипертекстового перехода.
-
Атрибут alt - задает альтернативный текст для области. Работает в Netscape Navigator, но не работает в Internet Explorer.
-
Атрибут title - задает альтернативный текст для области. Работает в Штеуктуе Учздщкукб но не работает в Туеысфзу Тфмшпфещкю
-
Таблицы в HTML
Ответ:
<TABLE> …</TABLE> - основной элемент таблицы.
<TR>…</TR> - строки таблицы.
<TD>… </TD> или <TН>…</TН> - ячейки в строки.
<TABLE>…</TABLE> - внешний элемент таблицы, позволяет задавать общие свойства таблицы и отделяет структуру таблицы от остальной части Web-страницы.
Атрибуты:
-
Атрибут align – выравнивание таблицы.
align=left – выравнивание слева
align=center – выравнивание по центру
align=right – выравнивание справа
-
Атрибут width - задает ширину таблицы. Можно также задавать ширину таблицы в процентном отношении к ширине окна браузера: процент (например: width=90%).
-
Атрибут cellpadding - задает расстояние между рамкой таблицы и содержимым ячейки, т.е. размер пустого пространства, окружающего данные в ячейках.
cellpadding=число пикселей
cellpadding=процент
-
Атрибут cellspacing - задает расстояние между рамками соседних ячеек (ширину фронтальной грани рамки).
-
Атрибут bgcolor – цвет фона таблицы.
-
Атрибут background – задает паркетную укладку картинкой.
-
Атрибуты border и bordercolor - первый задает толщину рамки вокруг всей таблицы, второй – ее цвет.
-
Атрибут frame - Используется только для элемента <TABLE> и позволяет задать вид рамки таблицы:
frame=параметр
Параметриты:
frame=void – рамка отсутствует;
frame=above – верхняя сторона рамки;
frame=below – нижняя сторона рамки;
frame=hsides – части рамки сверху и снизу;
frame=vsides – части рамки слева и справа;
frame=lhs – левая часть рамки;
frame=rhs – правая часть рамки;
frame=border – рамка показана полностью;
frame=box – значение повторяет frame=border.
-
Атрибут rules - определяет вид сетки таблицы внутри, то есть между ячейками.
rules=none – сетка отсутствует;
rules=rows – горизонтальные линии между строками;
rules=cols – вертикальные линии между колонками;
rules=all – обычная сетка.
Атрибуты <TR>…</TR> - используя атрибуты команды <TR>, можно установить те или иные свойства одновременно для всех ячеек строки.
Атрибуты <TD> (<TH>)
Каждая табличная строка состоит из ячеек, которые последовательно описываются командами<TD> (обычная ячейка) и или <TH> (ячейка заголовок).
Содержимое обычной ячейки по умолчанию выравнивается по левому краю, ячейки-заголовка – по центру. Кроме того, текст в ячейке-заголовке выделяется полужирным шрифтом.
Атрибут colspan=n - определяет, сколько табличных столбцов (n) займет ячейка в проделах строки.
<TABLE>
|
<TR> |
<TD colspan=2> </TD> |
</TR> |
||
|
<TR> |
<TD> </TD> |
<TD> </TD> |
</TR> |
|
|
<TR> |
<TD> </TD> |
<TD> </TD> |
</TR> |
|
</TABLE>
Атрибут rowspan=n - определяет, сколько табличных строк (n) займет ячейка в пределах столбца.
<TABLE>
|
<TR> |
<TD rowspan=2> </TD> |
<TD> </TD> |
</TR> |
|
<TR> |
<TD> </TD> |
</TR> |
|
|
<TR> |
<TD> </TD> |
<TD> </TD> |
</TR> |
</TABLE>
Тег <CAPTION> позволяет создавать заголовки таблицы.
По умолчанию заголовки центрируются и размещаются либо над (<САРТION аlign=top>), либо под таблицей (<САРТION align=bottom>). Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы.