HTML表格元素
2021-01-18 05:12
标签：spl com splay 通过 网页 居中 info order 技术 表格有三大元素 实例1 使用上述代码就可以得到图1的网页效果。 图1 使用html得到的第一行，但是看起来不明显，这里使用border属性。如图2. 图2 还可以是使用align元素。用来居中表格。效果如图3所示。 图3 图4 实例2 为实现这个效果可以通过再添加一行来实现，如图5，但是还是有所区别。因为最上面一行是属于标题，不属于表格的内容。 图5 th元素。效果就是加粗和居中。 图5 表头和表脚thead和tfoot，效果如图6所示： 图6 单元格合并，如图7位合并列单元格，图8为合并行单元格 图7 图8 HTML表格元素 标签：spl com splay 通过 网页 居中 info order 技术 原文地址：https://www.cnblogs.com/--Destroyer--/p/13353531.html,
,
Admin
男
123
张三
男
123
李四
男
123
table>
tr>
td>Admintd>
td>男td>
td>123td>
tr>
table>
table border="1px">
tr>
td>Admintd>
td>男td>
td>123td>
tr>
table>
table border="1px" align="center">
tr>
td>Admintd>
td>男td>
td>123td>
tr>
table>
用户名
性别
密码
Admin
男
123
张三
男
123
李四
男
123
table border="1px" align="center">
tr>
td>用户名td>
td>性别td>
td>密码td>
tr>
tr>
td>Admintd>
td>男td>
td>123td>
tr>
tr>
td>张三td>
td>男td>
td>123td>
tr>
tr>
td>李四td>
td>男td>
td>123td>
tr>
table>
table border="1px" align="center">
tr>
th>用户名th>
th>性别th>
th>密码th>
tr>
tr>
td>Admintd>
td>男td>
td>123td>
tr>
tr>
td>张三td>
td>男td>
td>123td>
tr>
tr>
td>李四td>
td>男td>
td>123td>
tr>
table>
table border="1px" align="center">
thead>
tr>
th>用户名th>
th>性别th>
th>密码th>
tr>
thead>
tr>
td>Admintd>
td>男td>
td>123td>
tr>
tr>
td>张三td>
td>男td>
td>123td>
tr>
tr>
td>李四td>
td>男td>
td>123td>
tr>
tfoot>
tr>
td>用户名td>
td>性别td>
td>密码td>
tr>
tfoot>
table>
table border="1px" align="center">
tr>
th>aaath>
th>aaath>
th>aaath>
th>aaath>
tr>
tr>
td>aaatd>
td colspan="2">aaatd>
td>aaatd>
tr>
tr>
td>aaatd>
td>aaatd>
td>aaatd>
td>aaatd>
tr>
tr>
td>aaatd>
td>aaatd>
td>aaatd>
td>aaatd>
tr>
table>
table border="1px" align="center">
tr>
th>aaath>
th>aaath>
th>aaath>
th>aaath>
tr>
tr>
td rowspan="2">td>
td colspan="2">aaatd>
td>aaatd>
tr>
tr>
td>aaatd>
td>aaatd>
td>aaatd>
tr>
tr>
td>aaatd>
td>aaatd>
td>aaatd>
td>aaatd>
tr>
table>
上一篇：HTML页面实现打印功能
下一篇：CSS 选择器