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

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

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

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

К изображению inet242_2.jpg присоединен тег гиперссылки, при нажатии на которую бьзователь попадет на страницу сайта –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» на компьютере.

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

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

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

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

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

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

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

Код HTML:

<TABLE BORDER=”1”>

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

<TR>

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

</TR>

</TABLE>

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


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: