Выравнивание содержимого в ячейках таблицы
Фоновый цвет или фоновое изображение в ячейке таблицы
Использование в таблице фонового цвета или фонового изображения
Расстояние между ячейками
<html><body> <h4>Расстояние между ячейками не задано:</h4><table border="1"><tr> <td>Первая </td> <td>Строка </td></tr> <tr> <td>Вторая </td> <td>Строка </td></tr></table> <h4>Расстояние между ячейками (cellspacing) задано:</h4><table border="1" cellspacing="10"><tr> <td>Первая </td> <td>Строка</td></tr> <tr> <td>Вторая </td> <td>Строка </td></tr></table> </body></html> Пример выполнения данного HTML-кода
<html><body> <h4>Фоновый цвет (bgcolor):</h4><table border="1" bgcolor="red"><tr> <td>Первая </td> <td>Строка </td></tr> <tr> <td>Вторая </td> <td>Строка </td></tr></table> <h4>Фоновое изображение (background):</h4><table border="1" background="bg.jpg"><tr> <td>Первая</td> <td>Строка</td></tr> <tr> <td>Вторая </td> <td>Строка </td></tr></table> </body></html> Пример выполнения данного HTML-кода
<html><body> <h4>Ячейки с фоном:</h4> <table border="1"><tr> <td bgcolor="red">Первая</td> <td>Строка</td></tr> <tr> <td background="bg.jpg"> Вторая</td> <td>Строка</td></tr></table> </body></html> Пример выполнения данного HTML-кода
<html><body> <table width="360" border="1"> <tr> <th align="left">Опубликовано курсов</th> <th align="center">2004</th> <th align="center">2005</th> </tr> <tr> <td align="left">Базы данных</td> <td align="center">2</td> <td align="center">3</td> </tr> <tr> <td align="left">Программирование</td> <td align="center">4</td> <td align="center">5</td> </tr> <tr> <td align="left">Интернет-технологии</td> <td align="right">2</td> <td align="right">3</td> </tr> <tr> <th align="left">всего</th> <th align="right">8</th> <th align="right">11</th> </tr></table> </body></html> Пример выполнения данного HTML-кода
<html><body> <p>Если никакие границы кадра таблицы в этих примерах не видны, то используемый браузер слишком старый, или не поддерживает их. </p> <h4> frame="border":</h4><table frame="border"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая </td> <td>строка</td></tr></table> <h4> frame="box":</h4><table frame="box"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая </td> <td>строка</td></tr></table> <h4>frame="void":</h4><table frame="void"><tr> <td>Первая </td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="above":</h4><table frame="above"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="below":</h4><table frame="below"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="hsides":</h4><table frame="hsides"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="vsides":</h4><table frame="vsides"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="lhs":</h4><table frame="lhs"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> <h4>frame="rhs":</h4><table frame="rhs"><tr> <td>Первая</td> <td>строка</td></tr> <tr> <td>Вторая</td> <td>строка</td></tr></table> </body></html> Пример выполнения данного HTML-кода