Приветствую Вас, Гость

Добавление графики и ссылок в ячейки таблицы

Каждая ячейка таблицы представляет собой отдельный управляемый элемент, в который можно помещать текст, графику или же комбинацию текста и графики. Чтобы добавить в таблицу ячейку, вставьте пару - начальный и конечный - дескрипторов данных таблицы (<td></td>), как показано в приведенном ниже коде, между начальным и конечным дескрипторами (<table></table>) таблицы:

<table>
<tr>
<td>Сюда помещаются данные ячейки</td>
</tr>
</table> 

ПРАКТИКУМ

Чтобы поместить в ячейку графическое изображение, вставьте дескриптор <img>,как показано ниже, между начальным и конечным дескрипторами данных ячейки (<td></td>):

<table>
<tr>
<td><img src="image.jpg"></td>
</tr>
</table>

Атрибут src в дескрипторе <img> сообщает Web-браузеру имя файла графического изображения, которое браузер должен отобразить в ячейке таблицы. Следовательно, в данном примере Web-браузер отобразит рисунок из файла image.jpg.
Чтобы преобразовать графическое изображение в ячейке таблицы в гиперссылку, заключите дескриптор <img> между парой — начальным и конечным —дескрипторов привязки (<а></а>). Например, следующий код преобразует рисунок в таблице (из предыдущего примера) в гиперссылку:

<table>
<tr>
<td><a href="info.htm"><img src="image.jpg"></a></td>
</tr>
</table>

Обрабатывая HTML-код из данного примера, Web-браузер во время рисования таблицы отобразит рисунок из файла image.jpg. Если посетитель сайта затем щелкнет на рисунке, Web-браузер отобразит содержимое файла, указанного в атрибуте href дескриптора <а>. Следовательно, в данном примере Web-браузер отобразит содержимое файла info.htm, когда посетитель щелкнет на рисунке в таблице.