Название вашей таблицы
В нашей таблице отсутствует название. Мы хотим добавить
таблице заголовок, который будет занимать первую строчку полностью.
Для этого нам надо добавить атрибут colspan (пер. объединение) в тег <th>. По умолчанию значение
равно единице, если мы хотим объединить 3 столбца, то мы должны присвоить атрибуту
colspam значение 3
Это выглядит вот так:
<th colspam=”3”>объединяем
3 колонки</th>
задание
1. Посмотрите, что у нас есть. Мы уже добавили заголовок, но он сейчас расположен только в одном столбце.
2. Сделайте так, чтобы наш заголовок занимал оба столбца, для этого добавьте тегу <th> атрибут colspan=”2”
3. Взгляните на результат, наш заголовок должен занять оба столбца.
решение
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table border="1px">
<thead>
<tr>
<th colspan="2">Famous Monsters by Birth Year</th>
</tr>
<tr>
<th>Famous Monster</th>
<th>Birth Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>King Kong</td>
<td>1933</td>
</tr>
<tr>
<td>Dracula</td>
<td>1897</td>
</tr>
<tr>
<td>Bride of Frankenstein</td>
<td>1935</td>
</tr>
</tbody>
</table>
</body>
</html>
Комментариев нет :
Отправить комментарий