HTML colspan attribute

Last update on April 12 2022 12:32:56 (UTC/GMT +8 hours)

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

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