HTML tutorial-Multiple-row, multiple-column table elements

Tutorial to create a TABLE element that spans multiple rows and columns, you simply add the rowspan or colspan attribute in <TH> or <TD>, which indicates the number of rows or columns to span in the table element.

Table elements across multiple columns <th colspan=#> <td colspan=#>
colspan represents the number of columns spanned, such as colspan=2, which represents the width of two columns for this lattice.

Table elements across multiple lines <th rowspan=#> <td rowspan=#>
The meaning to be represented by RowSpan is the number of rows spanned, for example, rowspan=2 represents the height of the grid across table two rows.

A TABLE element that spans multiple columns

<title> form table</title>

<table border><tr><th colspan=3> on duty </th><tr><th> Monday </th>       <th > Tuesday </th>  <th> Wednesday </th><tr><td> li he </td><td> Zhang </td><td > Wang Ping </td></table>

a TABLE element that spans multiple lines

<title> form table</title>

<table border><tr><th rowspan=2> on duty </th><th> Monday </th><th> Tuesday </th >  <th> Wednesday </th></tr><tr><td> Qiang </td><td> Zhang Ming </td><td> Wang Ping </td></tr></table>