Включение графики в web -страницу.

<IMG src=”URL”

аlign=”значение”

border=”значение”

 

height=”значение”

alt=”текст”

hspace=”значение”

vspace=”значение”

ismap>

В качестве параметра атрибута src указывается путь к изображению.

 

С помощью атрибута align картинка позиционируется в документе HTML. Этот атрибут может принимать значения:

right – изображение выравнивается по правому краю,

left – изображение выравнивается по левому краю,

center – изображение выравнивается по центру,

texttop или top – изображение совмещается верхним краем с верхней границей ячейки таблицы или с верхней границей текстовой строки, в которой размещена картинка,

absbottom или bottom – изображение совмещается нижним краем с нижней границей ячейки таблицы или текстовой строки,

absmiddle или middle – центр изображения выравнивается по основной строке, либо оно размещается в середине табличной ячейки,

baseline – изображение выравнивается по условной «базовой линии». Применение этого параметра рекомендуется в случае, когда web-мастер размещает несколько рисунков или несколько фрагментов одного рисунка в разных ячейках строки таблицы.

 

Атрибут border управляет толщиной синей рамки, в которую заключается изображение, включенное в тег <А>, при превращении его в гиперссылку.

 

В качестве параметров атрибутов width и height указывают ширину и высоту интегрируемого в документ HTML графического изображения в пикселях или %.

 

Атрибут alt содержит альтернативный текст, который отображается вместо картинки в браузерах, не поддерживающих графику, а также в случае, если поддержка графики отключена пользователем. Этот же текст выводится в виде всплывающей «подсказки», если пользователь задержит на изображении курсор мыши.

 

Атрибуты hspace и vspace задают горизонтальные и вертикальные отступы от изображения в пикселях.

 

Атрибут ismap говорит о том, что рисунок является серверной картой-изображением.

 

 

Пример применения тега <IMG>:

<IMG src=”/images/sunset.jpg”

 align=”CENTER”

 ProductID="325”" w:st="on">325”

 height=”215”

 аlt=”Красивый закат на берегу Карибского моря”>

Изображение-ссылка

Обернуть тег <img> в тег <a>. Например:

<a href="http://keksby.ru"> <img src="cat.png" alt="Кекс"></a>

 

 

 

Формат задания и общие параметры таблицы.

Для создания таблиц применяется тег <TABLE>. Состав таблицы по строкам и ячейкам задается с помощью следующих элементов:

TR – элемент, формирующий отдельную строку;

TD – элемент, определяющий содержимое ячейки данных;

TH – элемент, задающий ячейку заголовка;

CAPTION – элемент названия таблицы.

 

Структура записи тега <TABLE>

<TABLE аlign=”значение” - выравнивание

- ширина

height=”значение” - высота

background=”URL”  - изображение в качестве фона

bgcolor=”значение”  - цвет фона

border=”целое число” – толщина рамки

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

cellpadding=”целое число”

cellspacing=”целое число”

cols=”значение”

frame=”значение”

rules=”значение”>

</TABLE>

 

 

 

<CAPTION align=”top” bottom

Название таблицы

</CAPTION>

<TR align=”значение”

middle baseline

width=”значение”

height=”целое число”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”>

<TH align=”значение”

width=”значение”

height=”целое число”

background=”URL”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Ячейка заголовка таблицы

</TH>

</TR>

<TR>

<TD align=”значение”

 

width=”значение”

height=”целое число”

background=”URL”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Содержимое ячеек

</ТD>

 

 

Простые таблицы

⇐ Предыдущая1234

Поделиться: