Use the interbank HTML tables across columns

The basic syntax of the form:

<Table>
  <TR>
    <TH> the contents of the first cell </ TH>
    <TH> second cell content </ TH>
  </ TR>
  <TR>
    <TD> the first cell is SUMMARY </ TD>
    <TD> second cell content </ TD>
  </ TR>
</ table>
create a table is generally divided into the following four steps
1. Create a table label table
2. in the table row label table created tr tag may be multiple lines
3. Create a label in the first row of cells in th tr tag can create the table headings
4. row tag tr td created in the cell label can have a plurality of cells in
order to show the outline of the table, also generally to set the label border table border attribute that specifies the width of the border

Code Example:

 

  Renderings:

 

 

Table of interbank and cross column:

1, across the columns: column refers to cells across horizontal mergers. col columns mean, colspan that is cross-listed

<Table>
<TR>
<TD rowspan = "number of columns of collapse"> cell content </ TD>
</ TR>
</ Table>

Code Example:

<table border="1"  align="center" cellspacing="1" cellpadding="0" width="200px" height="200px">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr>
<td>张三</td>
<td colspan="2">18</td>
</tr>
<tr>
<td>小红</td>
<td>18</td>
<td>女</td>
</tr>
</table>

The second line across the two age of 18, so take the same line after a delete. Cross-column two is not even accounting for two squares. So to delete redundant

Renderings:

 

 

2, interbank: interbank refers to cells combined longitudinal row of sense lines, i.e. interbank rowspan

<Table>
<TR>
  <TD rowspan = "number of rows of collapse"> cell content </ TD>
</ TR>
</ Table>

Code Example:

 

 

Renderings:

 

 

 

Guess you like

Origin www.cnblogs.com/aryl/p/11831065.html