HTML colspan attribute
colspan
The purpose of the HTML colspan attribute is to define the number of columns spanned by an individual column definition.
Supported elements
HTML colspan attribute supports td and th elements.
Syntax
<ElementName colspan="value">..............</ElementName>
Where ElementName is any supported HTML element.
Type of value
Number.
Value
1
Default value
There is no default value.
Supported doctypes
HTML 4.01 strict, HTML 4.01 transitional, HTML 4.01 frameset.
Example of HTML colspan attribute with td and th
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example of HTML colspan attribute with td and th </title>
</head>
<body>
<table border="2" cellpadding="5">
<tr> <th colspan="2">Development</th> </tr>
<tr> <td>Em001</td> <td>$1500.00</td> </tr>
<tr> <td>Em002</td> <td>$1550.00</td> </tr>
<tr> <td>Em003</td> <td>$1700.00</td> </tr>
<tr><td colspan="2">Total : $4750.00</td>
<tr> <th colspan=2>Marketing</th> </tr>
<tr> <td>Em005</td> <td>$1500.00</td> </tr>
<tr> <td>Em006</td> <td>$1500.00</td> </tr>
<tr> <td>Em006</td> <td>$1500.00</td> </tr>
<tr><td colspan="2">Total : $4500.00</td>
</table>
</body>
</html>
Result

View this example in a separate browser window
Example of HTML colspan attribute with td and th
Previous: HTML cols attribute
Next: HTML content attribute
- New Content published on w3resource:
- Scala Programming Exercises, Practice, Solution
- Python Itertools exercises
- Python Numpy exercises
- Python GeoPy Package exercises
- Python Pandas exercises
- Python nltk exercises
- Python BeautifulSoup exercises
- Form Template
- Composer - PHP Package Manager
- PHPUnit - PHP Testing
- Laravel - PHP Framework
- Angular - JavaScript Framework
- React - JavaScript Library
- Vue - JavaScript Framework
- Jest - JavaScript Testing Framework