Таблицы

"Шапка таблицы", строки данных


При оформлении "Шапки таблицы" или названия граф применяют выравнивание по горизонтали – по центру и по вертикали – по центру.

При формировании "Шапки таблицы" используют тэг TR. В html-документе тэг создания строки будет выглядит следующим образом:
<tr> ...</tr>

Для создания ячеек в "Шапке таблицы" используют тэг TH, который в отличии от тэга TD устанавливает жирное начертание для текста внутри ячейки.
По умолчанию текст выравнивается по левому краю, поэтому для изменения выравнивания внутри ячейки следует использовать атрибуты класса:

  • class="tbC" – выравнивание по центру;
  • class="tbL" – выравнивание по левому краю;
  • class="tbR" – выравнивание по правому краю;


В html-документе тэг создания строки будет выглядит следующим образом:
<th class="tbC"> ...</th>

Пример создания "Шапки таблицы":

№
п/п
Первый столбецВторой столбец

 

Аналогичным образом формируются ячейки строк данных таблицы.

Пример оформления таблицы в html-документе:

Таблица 1 – Тестовая таблица

№
п/п
Первый столбецВторой столбец
123
1 Строка 3, столбец - 2 Строка 3, столбец - 3
2 Строка 4, столбец - 2 Строка 4, столбец - 3

 

В html-документе код создания таблицы будет выглядит следующим образом:
<p class="tbZ"> Таблица 1 – Тестовая таблица </p>
<table class="nsau_table" border=1>
   <tr>
      <th class="tbC">№ <br>п/п</th>
      <th class="tbC">Первый столбец</th>
      <th class="tbC">Второй столбец</th>
   </tr>
   <tr class="tr_honey">
      <th class="tbC">1</th>
      <th class="tbC">2</th>
      <th class="tbC">3</th>
   </tr>
   <tr>
      <td class="tbC">1</td>
      <td class="tbC">Строка 3, столбец - 2</td>
      <td class="tbC">Строка 3, столбец - 3</td>
   </tr>
   <tr>
      <td class="tbC">2</td>
      <td class="tbC">Строка 4, столбец - 2</td>
      <td class="tbC">Строка 4, столбец - 3</td>
   </tr>
</table>