Table标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签</title> </head> <body> <table border="1"> <tr> <td>主机</td> <td>端口</td> <td>操作</td> </tr> <tr> <td>1.1.1.1</td> <td>8080</td> <td><a href="#">查看详细</a></td> </tr> <tr> <td>172.20.90.114</td> <td>8080</td> <td><a href="#">查看详细</a></td> </tr> <tr> <td>172.30.100.188</td> <td>8888</td> <td><a href="#">查看详细</a></td> </tr> </table> <table border="1"> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> </tr> </thead> <tbody> <tr> <!-- colspan属性在合并单元格的时候可以适用 2表示占据的为2格 rowspan属性表示竖着占据2格--> <td>d1</td> <td colspan="2">d2</td> <td>d3</td> </tr> <tr> <td rowspan="2">d1</td> <td>d2</td> <td>d3</td> <td>d4</td> </tr> <tr> <td>d2</td> <td>d3</td> <td>d4</td> </tr> </tbody> </table> </body> </html>
规范化是thead和tbody属性
<!--
colspan属性在合并单元格的时候可以适用
2表示占据的为2格
rowspan属性表示竖着占据2格-->
a href="#"
href为# 作用在于作为一个空的链接