Урок 4.2: Ширина, высота таблицы

Для придания размеров таблицы используются атрибуты width и height

Пример

<html>  <head>   <title>Ширина и высота таблицы</title>  </head>  <body>   <table width="100" height="100" border="1">    <tr>     <td>Ячейка 1</td>     <td>Ячейка 2</td>     <td>Ячейка 3</td>    </tr>    <tr>     <td>Ячейка 4</td>     <td>Ячейка 5</td>     <td>Ячейка 6</td>    </tr>   </table>  </body> </html>

Результат

Таблица с шириной и высотой 100 px

Кроме размеров самой таблицы можно указать ширину и высоту ячееки таблицы

Пример

<html>  <head>   <title>Ширина и высота таблицы</title>  </head>  <body>   <table border="1">    <tr>     <td width="100" height="100">Ячейка 1</td>     <td>Ячейка 2</td>     <td>Ячейка 3</td>    </tr>    <tr>     <td>Ячейка 4</td>     <td>Ячейка 5</td>     <td>Ячейка 6</td>    </tr>   </table>  </body> </html>

Результат

Таблица с шириной и высотой ячейки = 100 px

Примечание: как вы могли заметить, указывая размер одной ячейки наследуються другими ячейками - по горизонтали и вертикали. Это очень важно, т.к. ячейки не могут быть разными по ширине и высоте

<< Таблицы | Перечень уроков | Выравнивание в ячейке >>