Если вставить картинку между тэгами <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>
Рассмотрим основные элементы (теги) таблицы: