Урок 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

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

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