Урок 4.4: Заголовок таблицы, ячеек

Любая таблица может содержать загаловок или, как еще называют, название таблицы. Для этих целей существует парный тег <caption>...</caption>

Внутри этого тега (<caption>) и прописывают название для таблицы

Пример

<html>
 <head>
  <title>Талицы</title>
 </head>
 <body>
  <table border="1">
   <caption>Название талицы</caption>
   <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>

Результат

Таблица с заголовком

Кроме того можно указать загаловки строк и столбцов.

Для этого есть похожий тегу <td> парный тег <th>. Он является как бы тегом ячейки заголовка.

Пример

<html>
 <head>
  <title>Талицы</title>
 </head>
 <body>
  <table border="1">
   <caption>Название талицы</caption>
   <tr>
    <th>Ячейка 1</th>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
   </tr>
   <tr>
    <th>Ячейка 4</th>
    <td>Ячейка 5</td>
    <td>Ячейка 6</td>
   </tr>
  </table>
 </body>
</html>

Ячейка - заголовок

Как видно из примера, тег <th> делает выделяет текст жирным начертанием.

<< Выравнивание в ячейке | Перечень уроков | Объединение ячеек >>