[网页编程]-04 HTML5 表格标签

prtyaa 2023-12-27 16:17:31  62243

分类专栏：资讯

参考代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<table border="1px" align="center" cellpadding="20px" cellspacing="30px">
			
			<tr height="100px" align="center">
				
				<td width="100px" align="center">11</td>
				<td width="100px">2</td>
				<td width="100px">3</td>
				
			</tr>
			<tr height="100px">
				
				<th>4</th>
				<td>5</td>
				<td>6</td>
				
			</tr>
			<tr height="100px">
				
				<td>7</td>
				<td>8</td>
				<td>9</td>
				
			</tr>
			<tr height="100px">
				
				<th>11</th>
				<th>12</th>
				<th>13</th>
				
			</tr>
			
		</table>
		
		<hr />
		
		<table border="1px" width="300px" height="300px" bgcolor="bisque">
			<tr bgcolor="aqua">
				<th colspan="2" bgcolor="blue">1--2</th>
				<!--<th>2</th>-->
				<th>3</th>
			</tr>
			<tr>
				<th>4</th>
				<th>5</th>
				<th rowspan="2">6--9</th>
			</tr>
			<tr>
				<th>7</th>
				<th>8</th>
				<!--<th>9</th>-->
			</tr>
		</table>
		
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</body>
</html>
<!--
	table>tr*3>th*3  :声明3行3列的表格
	
	
	table表格的自适应能力 (align="center")整个的表格整体居中
	
	  width="300px" height="300px"  cellpadding：内容和单元格的距离  cellspacing：单元格和单元格的距离
	
	tr：行  :height
	
	td/th：列  width
	
	  td:普通的列
	  th:标题列:自动的居中，加黑效果
	  
	  
	 colspan:列合并 
	  
	  rowspan：行合并 
	  
	  bgcolor：背景颜色
-->

页面效果

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31569

赞同 0

评论 0 条

[网页编程]-04 HTML5 表格标签

相关文章

关注我们