<html>
<head>
<title>这是第二个网页(表格标签的使用)</title>
<meta charset="utf-8">
</style>
</head>
<body>
<table border="1" width="400" cellspacing="0" cellpadding="4">
<tr align="center">
<th>姓名</th>
<th>学号</th>
<th>年龄</th>
</tr>
<tr align="center">
<td>学生1</td>
<td>00000000</td>
<td>18</td>
</tr>
</table>
<hr/>
<table border="1" cellspacing="0" cellpadding="4" width=600>
<tr>
<th>名称</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
<tr align="center">
<td>苹果</td>
<td rowspan="2">5</td>
<td>10</td>
<td>50</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>菠萝</td>
<td>10</td>
<td>30</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>香蕉</td>
<td>6</td>
<td>10</td>
<td>60</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>总计</td>
<td colspan="4">181</td>
</tr>
</table>
</body>
</html>
<!--
17)表格 table
行:tr
列:td
表头列:th
table中有如下属性(已经淘汰,了解一下):
-border:表格边框的粗细
-width:表格的宽度
-cellspacing;单元格间距
-cellpadding:单元格填充
tr中有一个属性:align:center、left、right
<hr/>:直线标签
rowspan:行合并
colspan:列合并
-->
JavaWeb学习之HTML中表格标签的使用
最新推荐文章于 2024-08-10 00:37:06 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)