How to add HTML <colgroup> span Attribute
Set the background color of the first two columns using the <colgroup> span attribute:
Definition and Usage
The span attribute defines the number of columns a <colgroup> element should span.
Tip: To define different properties to a column within a <colgroup>, use the <col> tag within the <colgroup> tag.
Browser Support
Syntax
<colgroup span="number">
Attribute Values
| Value | Description |
|---|---|
| number | Sets the number of columns a column group should span |
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The colgroup span attribute</h1>
<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>
Output should be:
| How to create HTML <colgroup> Tag | HTML Tag |
| What Type of Browsers will Support for HTML <colgroup> Tag | HTML Tag |
| Attributes for HTML <colgroup> Tag | HTML Tag |
| How to set Default CSS Settings for HTML <colgroup> Tag | HTML Tag |
| How to add HTML <colgroup> span Attribute | HTML Tag |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |