Ячейки-заголовки в таблице в HTML
Кроме тегов td существуют также теги
th, которые также создают ячейки.
Но это уже будут не обычные ячейки, а ячейки-заголовки,
которые указывают, что находится в данном
столбце (или строке) таблицы. По умолчанию
текст в таких ячейках th будет жирный
и расположен по центру.
Давайте посмотрим на примере. Пусть у нас есть вот такая таблица с работниками:
<table border="1" width="300">
<tr>
<td>John</td>
<td>Smith</td>
<td>200$</td>
</tr>
<tr>
<td>Nick</td>
<td>Mayers</td>
<td>300$</td>
</tr>
<tr>
<td>Alex</td>
<td>Jonson</td>
<td>400$</td>
</tr>
</table>
:
Как вы видите, в первом столбце хранится
имя работника, во втором столбце - фамилия,
а в третьем - зарплата. Давайте сделаем еще
один ряд в начале таблице, в котором разместим
заголовки колонок в тегах th:
<table border="1" width="300">
<tr>
<th>Name</th>
<th>Surname</th>
<th>Salary</th>
</tr>
<tr>
<td>John</td>
<td>Smith</td>
<td>200$</td>
</tr>
<tr>
<td>Nick</td>
<td>Mayers</td>
<td>300$</td>
</tr>
<tr>
<td>Alex</td>
<td>Jonson</td>
<td>400$</td>
</tr>
</table>
:
Повторите пример, приведенный ниже: