HTML表格标签的使用-<table>

时间:2023-03-09 03:05:57
HTML表格标签的使用-&lt;table&gt;
<html>
<head>
<title> 表格标签 </title>
<!--
标签名:table 定义一个表格
子标签:<caption> 定义表格标题
属性:align=top(默认)
子标签:tr。td
td属性:colspan=“2”表示某个单元格占了两列
th定义某一个单元格为表头信息,效果和td中的文字加粗。居中一样。
属性:border 定义边界线 默认是给表格外层和和每一个单元格加入了边缘线
cellspacing:-------------
cellpadding:-------------
width:表格宽度定义;高度一般不定义。 数据大小不确定啊
cellspacing=0 -->
</head> <body>
<!--第一个表格-->
<table border="10px" cellspacing="0px" cellpadding="10px" width="800px" height="40px">
<caption align="left">班级名单1</caption><!---->
<tr><!--第一行-->
<td>姓名</td>
<td>年龄</td>
</tr> <tr><!--第一行-->
<td>胡玉勉</td>
<td>26</td>
</tr>
</table>
<br><br>
<hr>
<!--第二个表格-->
<table border="10px" cellspacing="0px" cellpadding="10px" width="800px" height="40px">
<tr><!--第一行-->
<td colspan="2">花名冊</td>
</tr>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr> <tr>
<td>胡玉勉</td>
<td>26</td>
</tr>
</table>
</body>
</html>