HTML Colspan Attribute - HTML Tutorials - W3resource

Home » Colspan Html 5 » HTML Colspan Attribute - HTML Tutorials - W3resource

Maybe your like

HTML colspan attribute Last update on August 19 2022 21:50:39 (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

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

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

Tag » Colspan Html 5