HTML colspan attribute


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.


<ElementName colspan="value">..............</ElementName>

Where ElementName is any supported HTML element.

Type of 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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example of HTML colspan attribute with td and th </title>
<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>


html colspan attribute with td and th

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

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.

We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook