Невидимая голова
Вы заметили, что мы добавили тег <thead> перед <tbody>. Принцип его работы такой же как и у <tbody> мы можем добавлять
данные в <thead>.
Зачем же изучать <thead> и <tbody>
если изменения не видны? Это сделано, чтобы разделить страницу на составляющие,
т.е. голову и тело, это будет удобно, когда мы начнем изучать таблицы стиля css, о котором вы скоро
узнаете.
задание
1. добавьте одну строку (<tr>) в голове таблице
2. в этой строке добавьте две ячейки со значениями “Famous Monster” и ” Birth Year”. (Если ячейки создавались при помощи тега <td>, как вы думаете, получаться ли ячейки в заголовке? Воспользуйтесь подсказкой, если вам нужна помощь.)
подсказка
Помните, что строки таблицы создаются при помощи тегов <tr> </tr>.
Вы можете создать ячейки в заголовке таблицы тегами <th> <th>
И не забывайте о том как правильно теги вкладываются друг в друга.
решение
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table border="1px">
<thead>
<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>
Комментариев нет :
Отправить комментарий