Использование стилей для оформления элементов курса
Таблицы
"Шапка таблицы", строки данных
При оформлении "Шапки таблицы" или названия граф применяют выравнивание по горизонтали – по центру и по вертикали – по центру.
При формировании "Шапки таблицы" используют тэг TR. В html-документе тэг создания строки будет выглядит следующим образом:
<tr> ...</tr>
Для создания ячеек в "Шапке таблицы" используют тэг TH, который в отличии от тэга TD устанавливает жирное начертание для текста внутри ячейки.
По умолчанию текст выравнивается по левому краю, поэтому для изменения выравнивания внутри ячейки следует использовать атрибуты класса:
- class="tbC" – выравнивание по центру;
- class="tbL" – выравнивание по левому краю;
- class="tbR" – выравнивание по правому краю;
В html-документе тэг создания строки будет выглядит следующим образом:
<th class="tbC"> ...</th>
Пример создания "Шапки таблицы":
| № п/п | Первый столбец | Второй столбец |
|---|
Аналогичным образом формируются ячейки строк данных таблицы.
Пример оформления таблицы в html-документе:
Таблица 1 – Тестовая таблица
| № п/п | Первый столбец | Второй столбец |
|---|---|---|
| 1 | 2 | 3 |
| 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>