HTML Reference Manual

HTML Tag大全

HTML: <colgroup> span Attribute

This article introduces the usage of the HTML colgroup span attribute, including online examples, browser compatibility, syntax definition, and detailed information about its attribute values.

　HTML <colgroup> tag

Online Example

Use the <colgroup> span attribute to set the background color of the first two columns:

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <colgroup> span Attribute Usage-Basic Tutorial(oldtoolbag.com)</title>
<style>table, th, td { border:　1px solid black;</style>
</head>
<body>
<table>
　　<colgroup span="2"style="background:red"></colgroup>
　　<tr>
　　　　<th>ISBN</th>
　　　　<th>Title</th>
　　　　<th>Price</th>
　　</tr>
　　<tr>
　　　　<td>3476896</td>
　　　　<td>My first HTML</td>
　　　　<td>$53</td>
　　</tr>
　　<tr>
　　　　<td>5869207</td>
　　　　<td>My first CSS</td>
　　　　<td>$49</td>
　　</tr>
</table>
</body>
</html>

Test it out ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the span attribute.

Definition and Usage

The span attribute defines the number of columns the <colgroup> element should span across.

Tip:To define different attributes for the columns within <colgroup>, use the <col> tags.

HTML 4.01 with HTML5differences

None.

Syntax

<colgroup span="number">

Attribute Value

Value	Description
number	Set the number of columns that should span across.

　HTML <colgroup> tag

HTML: <template> tag