HTML атрибут colspan

Материал из Энциклопедия о программировании
Перейти к: навигация, поиск

colspan (от слов column span — пролёт колонки) — HTML-атрибут для тегов td и th, который объединяет ячейки таблицы по горизонтали и устанавливает число ячеек, которые должны быть объединены.

Этот атрибут имеет смысл только для таблиц, состоящих из нескольких строк.

Синтаксис

<td colspan="число">…</td>

Значения

Любое целое положительное число.

  • 0 — распространяет ячейку на всю родительскую группу колонок, объединенную тегом <colgroup>.
  • выше 1000 — считаются неправильными и устанавливаются в 1.
  • 100% — в некоторых движках для отображения веб-страниц распространяет ячейку на всю длину. Это очень полезно так как всегда можно изменить количество столбцов таблицы, а менять атрибут colspan ячеек-заголовков не потребуется. Так же удобно тем, что не надо считать сколько всего ячеек по горизонтали, что бы установить нужное значение. Такой функционал не стандартизирован.
  • больше имеющегося количества ячеек по горизонтали — распространяет ячейку на всю длину и не портит отображение таблицы.

Значение по-умолчанию

Знач. по-умолч. явл 1.

Примеры

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Тег td, атрибут colspan</title>
	</head>
<body>
	<table width="200" border="1" align="center" cellpadding="4" cellspacing="0">
		<tr> 
			<td colspan="2" bgcolor="#FBF0DB">Ячейка 1</td>
		</tr>
		<tr> 
			<td>Ячейка 2</td>
			<td>Ячейка 3</td>
		</tr>
	</table>
</body>
</html>

См. также

Шаблон:HTML