Basic HTML
HTML Essentials Basics <head> <body> Text Formatting Size Layout Listing Links Create a Link Within the Page Local Pages Other Sites E-mail New Window Image Links Link Colors Link Active Visited Images Formats JPEG GIF Inserting Resizing Border Spacing Alignment Alternative Text Text Wrapping Image Mapping Background Color Image Table Border Resizing Background Color Image Spacing Cell Spacing Cell Padding Spanning Row Span Column Span Caption Blank Cell Frame Create a Frame Frameset Default page Resizable window Scrollbars Links Within Form Create a Form Text Field Text Area Password Field Hidden Field Checkbox Radio Button Drop Down Menu Submit Button Reset Button Image Button File Exam Take Exam

Table >> Spanning >> Column Span

Column Span

To apply column span on your table cells, use the property colpan="" to your <td> or <th> tag

Here are some examples:

HTML - Code

Description

Sample Output

<table border=1 width=100>
<tr>
<td colspan=2>Numbers
<tr>
<td>1
<td>2
</table>

Border = 1

Width = 100

Numbers
1	2

<table border=1 width=100>
<tr>
<td colspan=3>Letters
<tr>
<td>A
<td>B
<td>C
</table>

Border = 1

Width = 100

Letters
A	B	C

<table border=1 width=200>
<tr>
<td colspan=5>Numbers and Letters
<tr>
<td colspan=2>Numbers
<td colspan=3>Letters
<tr>
<td>1
<td>2
<td>A
<td>B
<td>C
</table>

Border = 1

Width = 200

Numbers and Letters
Numbers		Letters
1	2	A	B	C

Basic HTML

HTML Essentials

Text

Links

Images

Background

Table

Frame

Form

Exam

Table >> Spanning >> Column Span

Column Span

To apply column span on your table cells, use the property colpan="" to your <td> or <th> tag

Here are some examples: