Форматирование изображений с использованием таблиц

Механизм таблиц предоставляет удобный способ форматирования изображений и отделения их от текста наиболее легким способом. Создадим простой файл table.htm, в котором запишем HTML-код, в который будет записан текст и изображение, относительное положение их будет определено с помощью таблицы.

<html>
<head>
>title> Форматируем с помощью таблицы — файл table.htm </title>
</head>
<body bgcolor="white">
<CENTER>
<table border="0" width="100%">
<tr>
<td width="35%">
<IMG SRC="images\gaz06.gif" ALT="Отгадай, какой автомобиль?" USEMAP="" WIDTH="140" HEIGHT="96" HSPACE="0" VSPACE="0" ALIGN="">
</td>
<td width="65%">
<P align="center"><strong> Автомобиль</strong></p>
<p align="center"><font color="#808000"><font size="6"><b><tt>Семейства ГАЗ</tt>
</b></font> </font></p></P> <P>0 произведениях этого отечественного автозавода вы можете подробнее узнать в книге, посвященной нашему автпрому..</td>
</tr>
<tr>
<td width="100%" colspan="2"><font size="2">C помощью таблиц можно разместить элементы страницы в окне броузера самым произвольным образом. </font></td>
</tr>
</table></CENTER>
</body>
</html>

table.htm
Простой файл.

Отгадай, какой автомобиль?

Автомобиль

Семейства ГАЗ

0 произведениях этого отечественного автозавода вы можете подробнее узнать в книге, посвященной нашему автпрому..

C помощью таблиц можно разместить элементы страницы в окне броузера самым произвольным образом.

Границы таблицы можно сделать невидимыми, тогда пользователь даже не будет подозревать о том, что вы использовали таблицу для форматирования содержимого HTML-страницы (см.ниже):

<table border="0" width="100%">

Здесь мы задали толщину границы равной нулю, теперь граница таблицы не будет видима.

Отгадай, какой автомобиль?

Автомобиль

Семейства ГАЗ

0 произведениях этого отечественного автозавода вы можете подробнее узнать в книге, посвященной нашему автпрому..

C помощью таблиц можно разместить элементы страницы в окне броузера самым произвольным образом.



<<пред. страница

Оглавление

след. страница >>


Hosted by uCoz