HTML элемент thead

HTML элемент thead — Ячейки заголовка таблицы
. Все HTML элементы.

HTML элемент thead: Пример кода

 <h2>Пример 1: создание ячеек заголовка таблицы</h2>
<table>
 <caption> Подписаться </caption>
 <thead>
 <tr>
 <th><label for=e1>Имя</label>
 <th><label for=e2>Продукт</label>
 <th><label for=e3>Фотография</label>
 <th><label for=e4>Прайс</label>
 <tr>
 <td>Ваше имя здесь
 <td>Что вы продаете?
 <td>Ссылку на картинку
 <td>Ваша резервная цена
 <tbody>
 <tr>
 <td>Иван - богатырь
 <td>Пончики
 <td><img src="https://example.com/mydoughnuts.png" title="Doughnuts from Ms Danus">
 <td>$45
 <tr>
 <td><input id=e1 type=text name=who required form=f>
 <td><input id=e2 type=text name=what required form=f>
 <td><input id=e3 type=url name=pic form=f>
 <td><input id=e4 type=number step=0.01 min=0 value=0 required form=f>
</table>


 <h2>Пример 2: создание ячеек заголовка таблицы</h2>
<table style="width: 600px;">
 <thead style="background: #fc0">
 <tr>
 <td> ... </td>
 <td> ... </td> 
 </tr> 
 </thead>
 <tbody style="background: #ccc">
 <tr>
 <td> ... </td>
 <td> ... </td> 
 </tr> 
 </tbody>
 </table>

HTML элемент thead: атрибуты

globals