HTML：表格基本使用

最新推荐文章于 2024-05-30 19:41:18 发布
最新推荐文章于 2024-05-30 19:41:18 发布
阅读量453 收藏 10
点赞数 3
文章标签： html 前端 表格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45427648/article/details/136915633
版权

体验

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--
			在生活中经常会使用表格来表示一些格式化的数据：
				比如 ：课程表 银行对账单  人名单
			同样在网页中也可以使用表格来表示一些格式化的数据	
			
			使用table标签来创建一个表格
		-->
		<table border="1" width="20%" align="center">
			
			<!--在table标签中使用tr来表示表格中的一行，有几行就有几个tr-->
			<tr>
				<!--在tr中使用td表示一个单元格，有几个td就有几个单元格-->
				<td>A1</td>
				<td>A2</td>
				<td>A3</td>
				<td>A4</td>
			</tr>
			
			<tr>
				<td>B1</td>
				<td>B2</td>
				<td>B3</td>
				<!--
					使用rowspan来纵向的合并单元格
				-->
				<td rowspan="2">B4</td>
			</tr>
			
			<tr>
				<td>C1</td>
				<td>C2</td>
				<td>C3</td>
			</tr>
			
			<tr>
				<td>D1</td>
				<td>D2</td>
				<!-- 
					
					使用colspan来横向的合并单元格
				-->
				<td colspan="2">D3</td>
			</tr>
			
		</table>
		
		
	</body>
</html>

表格

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			table{
				/*设置一个宽度*/
				width: 300px;
				/*设置居中*/
				margin: 50px auto;
				/*设置一个边框*/
				/*border: 1px solid black;*/
				/*border-spacing可以用来设置表格边框之间的距离*/
				border-spacing: 100px;
				
				/*
				 * border-collapse可以用来设置表格的边框的合并
				 * 	如果将值设置collapse，则table和td的边框将会自动合并为一个
				 * 	当设置了边框合并以后，border-spacing将自动失效
				 */
				border-collapse: collapse;
			}
			
			td,th{
				/*设置边框*/
				border: 1px solid black;
			}
			
			tbody > tr{
				background-color: #bfa;
			}
			
			
		</style>
	</head>
	<body>
		
		<!-- table是一个块元素 -->
		<table>
			
			<!--
				我们在创建一个表格时，如果没有使用thead tbody tfoot这些标签时，
					浏览器会自动在页面中添加tbody，并且将所有的tr都放到tbody中
					所以实际上tr并不是table子元素，而是tbody的子元素
			-->
			<tr>
				<!--在html中还为我们提供了一个th标签，专门用来表示表头的单元格-->
				<th>学号</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>住址</th>
			</tr>
			
			<tr>
				<td>1</td>
				<td>孙悟空</td>
				<td>18</td>
				<td>花果山</td>
			</tr>
			
			<tr>
				<td>2</td>
				<td>猪八戒</td>
				<td>28</td>
				<td>高老庄</td>
			</tr>
			
			<tr>
				<td>3</td>
				<td>沙和尚</td>
				<td>38</td>
				<td>流沙河</td>
			</tr>
		</table>
		
	</body>
</html>

长表格

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			table{
				width: 500px;
				margin: 0 auto;
				border-collapse: collapse;
			}
			
			td{
				border: 1px solid black;
			}
			
		</style>
	</head>
	<body>
		<table>
			<!-- 
				
				HTML中还为我们提供了三个标签，用来将表格分成三个部分
				<thead>
					
				<tbody>
					
				<tfoot>	
					
				我们可以将对应部分的tr，放到指定的标签	
				
				使用这三个标签创建的表格，在打印时，会在每页都打印表格的头部和底部
					无论编写到什么位置，thead中的内容，永远都会显示在表格的头部
						而tfoot中的内容，永远都会显示在表格的底部
				
			-->
			
			<!--表格的头部-->
			<thead>
				<tr>
					<td>日期</td>
					<td>收入</td>
					<td>支出</td>
					<td>合计</td>
				</tr>
			</thead>
			<!--表格的底部-->
			<tfoot>
				<tr>
					<td></td>
					<td></td>
					<td>合计</td>
					<td>300</td>
				</tr>
			</tfoot>
			
			<!--表格的主要内容-->
			<tbody>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
				<tr>
					<td>16.11.11</td>
					<td>500</td>
					<td>300</td>
					<td>200</td>
				</tr>
			</tbody>
			
			
		</table>
	</body>
</html>

表格嵌套

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			在一个表格中也可以嵌套其他的表格
				在很久以前，我们经常使用表格在页面中进行布局，此时就需要使用大量的表格的嵌套
				表格布局，布局起来非常的简单，但是维护起来非常的麻烦，所以现在已经很少有人用
				
			表格的列数由td最多的那个tr来决定	
		-->
		
		<table border="1" width="100%">
			
			<tr>
				<td height="120" colspan="2"></td>
			</tr>
			
			<tr>
				<td height="400" width="20%"></td>
				<td height="400">
					
					<table border="1" width="100%" height="100%">
						<tr>
							<td></td>
						</tr>
						<tr>
							<td></td>
						</tr>
					</table>
					
				</td>
			</tr>
			
			<tr>
				<td height="120" colspan="2"></td>
			</tr>
			
		</table>
	</body>
</html>

程序员无羡
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTML表格布局实际使用详解
09-28
本篇文章将深入探讨HTML表格的实际使用和布局计算。 首先，表格在HTML中以`<table>`标签开始，由`<tr>`（行）标签定义每一行，`<td>`（数据单元格）标签定义单元格，`<th>`（表头）标签用于创建表头单元格。表格的...
HTML表格标记教程(15):表格的标题
12-14
基本语法 … 语法解释 标记之间的就是标题的内容，这个标记使用在标记中. 文件范例：10—14.htm 通过标记设定表格的标题。01 <!– —————————— –>02 <!– 文件范例：10-14.htm –>03 <!– 文件...
html表格的使用
鹿蹊zz的博客
05-11 590
目录 1. 表格的定义： 2. 表格的标签 3. 单元格边框(border) 4. 合并单元格 5.表格格式 5.1 单元格的对齐 5.2 背景色&图片（bgcolor & background） 5.3 单元格的边距（cellpadding） 5.4 单元格间的距离(cellspacing) 5.5 显示部分边框（frame & rules） 练习1 练习2 1. 表格的定义： <table> 标签定义 HTML 表格。简单的 HTML ..
HTML 表格的使用方法
chen983234416的博客
11-15 1279
    首先我先把所有熟悉的都列举出来，包括表格一些最常用的属性，很生僻的我就不列举啦，要是想要了解的话，到W3C手册上查询。首先表格的开始是由&lt;table&gt;&lt;/table&gt;标签引导的，接下来我先写出所有的标签，以及属性，然后在它们的旁边做一一的解释。   &lt;table border="1" width="200px"  height="200px" cellsp...
HTML表格基础
最新发布
dahongmao的博客
05-30 840
日常生活中，为了清晰地显示数据或信息，常常使用表格对数据或信息进行整理，同样在制作网页时，为了使网页中的元素有条理地显示，也可以使用表格对网页内容进行规划。标签用于定义表头单元格，其文本默认加粗居中显示，而标签定义的为普通单元格，其文本为普通文本且水平左对齐显示。表格的宽度和高度是自适应的，依靠表格内的内容来支撑，要想更改表格的尺寸，就需要对其应用宽度属性width和高度属性height。bgcolor 设置表格的背景颜色 颜色的英文单词、十六进制颜色值#RGB、RGB颜色值rgb(r,g,b)
html中表格的用法
weixin_41105207的博客
10-09 333
怎样建立一个表格 ①首先在使用html语言建立一个表格时，要先弄清楚这个表格有多少行，多少列。要注意是否有单元格的合并，要以最小格子来算行和列。 ②在理清表格的结构之后，就要对应html中的标签，明确要使用的标签之间的关系。如：table  tbody tr  th td等等。 例如：下图为一个关于天气情况的表格，首先分析出这个表格有三行七列。而且需要把前四个单元格合并成两个，跨列合并使用c...
html 表格的使用
wgchen
07-12 1055
html 表格的使用...
html表格用法
hmwck0215的博客
11-28 378
一、如何隐藏表格的四个边框。 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。 只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 　 二、表格边框和单元格的特殊效果。 普 表 通 格这是一普通的表格 普表 通格 细线表格 表格加上了漂亮的细线 (利用cellspacin...
HTML表格标记教程(14):表格的表头
12-13
HTML表格是网页设计中不可或缺的一部分，它用于组织和展示数据，让信息更加清晰易读。在HTML中，创建表格涉及到一系列的标记，其中`<TH>`标记尤其关键，因为它用于定义表格的表头。 首先，让我们了解基本的表格结构...
Form:表格HTMLCSS
03-11
创建一个基本的HTML表格可以这样写： ```html 姓名 年龄 城市 张三 <td>25 北京 李四 <td>30 上海 ``` ### CSS美化表格 虽然HTML提供了基本的表格样式，但往往需要CSS来实现更复杂的布局...
HTML表格标记教程(18):表格的表头
12-14
创建带有表头的HTML表格的基本语法如下： ```html 表头1 表头2 ... 数据1 数据2 ... ... ``` 这里，`<TABLE>`是表格的起始标签，`<TR>`代表表格的一行，`<TH>`表示表头单元格，`<TD>`表示数据...
HTML表格（HTML 表格的使用，收藏这一篇就够了）
热门推荐
u013179804的博客
03-18 1万+
你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。今天聊聊 table。HTML元素用于创建表格，它是一种将数据按行和列组织排列的结构，用于在网页中呈现复杂的数据集。HTML 表格具有以下 2 种主要用途：1、最常见的用途是以表格形式展示数据，如产品价格、学生成绩、电影时间表等。表格可以清晰地展示数据的结构和关系。2、表格可以用于创建网页表单，通过在表格单元格中放置表单控件（如文本框、复选框、下拉菜单等），用户可以方便地输入数据。
HTML中表格的使用
alex1997222的博客
07-03 1290
&lt;table&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;班级&lt;/th&gt; &lt;th&gt;分数&lt;/th&gt; &lt;/tr&gt; &lt;tr&
HTML表格的使用
m0_46688827的博客
12-14 1061
表格：能够使用表格相关标签和属性，实现网页表格结构的搭建 。
html的表格使用
wenqi1的博客
07-11 722
table表示表格，align="center"表示居中，width表示宽度，height表示高度 tr表示有几列，td表示有几行 border="1"表示表格的线框，是双线，使用这个时，table和tr里不用设置颜色 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> &
HTML表格标签用法
我用键盘敲出一个世界
09-19 940
今天偶然发现自己对表格中的一些标签用法不是很熟悉，经过在网上一些查找，让自己更加熟悉，在此进行记录。 1、form，<form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。需要注意是for
HTML学习笔记——使用表格
菜鸟的编程之路
09-01 1168
5.1 创建表格 5.1.1表格的基本构成table、tr、td 表格由行、列和单元格3部分组成，一般通过3个标记来创建，分别是表格标记table、行标记tr、列标记td。表格的各种属性都要在表格的开始标记< table>和表格的结束标记< /table>之间才有效。 行：表格中的水平间隔。 列：表格中的垂直间隔。 单元格：表格中行与列相交所产生的区域。 语法： <t...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员无羡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值