Синтаксис
<th colspan="...">...</th>
<td colspan="...">...</td>
Описание
Атрибут colspan (от англ. colspan — охват столбцов) указывает количество столбцов, охватываемых (занимаемых) данной ячейкой таблицы по горизонтали.
Используется в тегах <th> и <td>.
Значение по умолчанию: 1. Можно использовать любое целое положительное число. Значение 0 распространяет ячейку на всю родительскую группу колонок, объединённую элементом <colgroup>. Значения 1000 и выше не воспринимаются и приравниваются к единице.
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Тег colspan</title>
</head>
<body>
<table>
<thead>
<tr>
<th>№</th>
<th>Страна</th>
<th>Город</th>
</tr>
</thead>
<tbody>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Россия</td>
<td>Москва</td>
</tr>
<tr>
<td>2</td>
<td>Беларусь</td>
<td>Минск</td>
</tr>
<tr>
<td>3</td>
<td>Украина</td>
<td>Киев</td>
</tr>
<tr>
<td colspan="3">Количество стран: 3</td>
</tr>
</tbody> </table>
</body>
</html>
Отображение в браузере:
| № | Страна | Город |
|---|---|---|
| 1 | Россия | Москва |
| 2 | Беларусь | Минск |
| 3 | Украина | Киев |
| Количество стран: 3 | ||
Поддержка браузера
|
Атрибут |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| colspan | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии