Графическое изображение – ссылка.

Если вставить картинку между тэгами <A></A> то получится ссылка в виде картинки. В этом случае браузер обведет картинку рамкой, убрать которую можно указав значение атрибута border=»0» в тэге <IMG>.

Пример: Картинка-ссылка с рамкой:

<a href=”www.yshastie.com”>< IMG src= “images/inet242_2.jpg” align= “absmiddle”></a>

К изображению inet242_2.jpg присоединен тег гиперссылки, при нажатии на которую 15б15ьзователь попадет на страницу сайта –www.yshastie.com.

Пример: Картинка-ссылка без рамки:

<FONT ><a href=”www.yshastie.com”><IMG src=”images/inet242_2.jpg” border=”0” align= “absmiddle”></a>www.yshastie.com< /FONT>

Пример: Рисунок в качестве фона:

Сделать фон страницы можно с помощью атрибута background тэга <body> например:

<body background=»bgr.gif»>

Алгоритм создания графических ссылок в документе:

Шаг 1. Откройте обычный блокнот и сделайте страничку с графикой, имея предыдущий код

Шаг 2. Скопируйте рисунки и сохраните их в папке «images» на компьютере.

6 Создание таблиц

Таблица объявляется с помощью следующих тэгов:

TABLE – создание таблицы

CAPTION – задаётся заголовок таблицы

TR – создание нового ряда (строки) ячеек таблицы

TD и TH – создание ячейки с данными в текущей строке

Таблицы в HTML формируются построчно. Для этого с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

Код HTML:

<TABLE BORDER=”1”>

<CAPTION ALIGN=”bottom”>Заголовок таблицы</CAPTION>

<TR>

<TD>Ячейка таблицы</TD>

</TR>

</TABLE>

Рассмотрим основные элементы (теги) таблицы:

Элемент table

Основным тэгом, применяемым при создании таблицы, является тэг <TABLE>. Он может использоваться с рядом параметров каждый из которых допустимо опускать.

В тэге <TABLE> могут использоваться различные атрибуты. Основные атрибуты тэга <TABLE> приведены в таблице 6.6.

Таблица 6.6 – Атрибуты тэга <TABLE>

Атрибут	Назначение
1	2
ALIGN	Горизонтальное выравнивание таблицы. Возможные значения: left, center, right. Значение по умолчанию – left.
VALIGN	Вертикальное выравнивание содержимого таблицы. Возможные значения: top, bottom, middle.
BORDER	Ширина внешней рамки таблицы (в пикселах). При BORDER=»0» или при отсутствии этого параметра рамка отображаться не будет.
CELLPADDING	Расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащейся в ней инфе.

Продолжение таблицы 6.6.

1		2
CELLSPACING	Расстояние (в пикселах) между границами соседних ячеек.
HEIGHT		Высота таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.
BGCOLOR		Цвет фона ячеек таблицы.
BACKGROUND		Фоновый рисунок таблицы.

Элемент caption

Тэг заголовка таблицы <CAPTION> имеет единственный допустимый параметр <ALIGN>. Основные атрибуты тэга <CAPTION> приведены в таблице 6.7.

Таблица 6.7 – Атрибуты тэга <CAPTION>

Атрибут	Назначение
top	помещает заголовок над таблицей (значение по умолчанию)
bottom	помещает заголовок под таблицей