JavaWeb学习之HTML中表格标签的使用

最新推荐文章于 2024-08-10 00:37:06 发布

爱吃早饭的小王

最新推荐文章于 2024-08-10 00:37:06 发布

阅读量211

点赞数

文章标签： html 学习 servlet

本文链接：https://blog.csdn.net/m0_55895641/article/details/127109264

版权

这篇博客介绍了HTML中表格的使用，包括`<table>`、`<tr>`、`<th>`和`<td>`等标签的语法和属性，展示了如何创建和格式化表格，以及行合并`rowspan`和列合并`colspan`的概念。此外，还提到了表格的样式设置，如边框、宽度、单元格间距和填充。

摘要由CSDN通过智能技术生成

<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:列合并
-->