Spanning columns: colspan

To create a colspan, use the colspan attribute with <td> or <th> tag. As an example, assume we want to create the following table:

In the first row, we are spanning two columns. Again, to create a table that spans rows or columns, first create the table structure:

Again, we need to span the first cell in the first row. To span the first cell, simply place the colspan attribute in the first cell:

Because now our first column will span to the second cell in first row, we need to adjust our row. That means we need to have only one <th> tag. The following shows the complete HTML code to create the above displayed table: