Essays and records to facilitate their access to fellow travelers.
#------------------------------------------------I ------------------------------------------- dividing line is a shame
<! DOCTYPE HTML> <HTML lang = " EN " > <head> <Meta charset = " UTF-. 8 " > <title> the Title </ title> <head /> <body> <Table> <TR> <TD> The first row, first column. 1 </ TD> <TD> the first row, second column </ TD> <TD> the first row, third column </ TD> </ TR> <TR> <TD> of two rows, a first column. 1 </ TD> <TD> second row, second column </ TD> <TD> second row, third column </ TD> </ TR> </ Table> </body> </html>
The results show:
Such a form is, of course, the style does not look good, we give him a border border
<! DOCTYPE HTML> <HTML lang = " EN " > <head> <Meta charset = " UTF-. 8 " > <title> the Title </ title> </ head> <body> <Table border = " . 1 " > < TR> <TD> the first row, first column. 1 </ TD> <TD> the first row, second column </ TD> <TD> the first row, third column </ TD> </ TR> <TR > <TD> second row, first column. 1 </ td> <TD> second row, second column </ td> <TD> second row, third column </ td> </tr> </table> </body> </html>
The results show:
Is not it a little better, but the above code is not standardized, it needs to be optimized
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1"> <thead> <tr> <th>主机名</th> <th>端口</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1.1.1.1</td> <td>80</td> <td>删除</td> </tr> <tr> <td>1.1.1.2</td> <td>80</td> <td> <a href="s13.html">查看详情</a> </td> </tr> </tbody> </table> </body> </html>
Effects same as above
Merge Cells: colspan properties
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1"> <thead> <tr> <th>主机名</th> <th>端口</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1.1.1.1</td> <td colspan="2">80</td> <td>删除</td> </tr> <tr> <td>1.1.1.2</td> <td>80</td> <td> <a href="s13.html">查看详情</a> </td> </tr> </tbody> </table> </body> </html>
The results show:
Such cells are combined to see, but there is a problem out of a multi-
We need to manually delete a
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1"> <thead> <tr> <th>主机名</th> <th>端口</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1.1.1.1</td> <td colspan="2">80</td> </tr> <tr> <td>1.1.1.2</td> <td>80</td> <td> <a href="s13.html">查看详情</a> </td> </tr> </tbody> </table> </body> </html>
The results show:
rowspan = "2" are combined vertically