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:
|
Type
: |
html |
|
Category
: |
Web Tutorial |
|
Sub Category
: |
HTML Tag |
|
Uploaded by
: |
Admin |