HTML5: Как указать одну или несколько ячеек заголовка, с которыми связана ячейка?
Перейти на страницу упражнений
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to specify one or more header cells a cell is related to</title>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table style="width:100%">
<tr>
<th id="uid">User Id</th>
<th id="name">User Name</th>
<th id="address">Address</th>
<th id="phone">Phone No</th>
</tr>
<tr>
<td headers="uid">U001</td>
<td headers="name">Sudha Chandan</td>
<td headers="address">99,J.C.Bose Road,kal-125042</td>
<td headers="phone">5612445470</td>
</tr>
</table>
</body>
</html>
Демонстрация в реальном времени:
Смотрите Pen td-headers-answer от w3resource ( @ w3resource ) в CodePen .
Поддерживаемый браузер
 |  |  |  |  |
| да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code