表格

最新推荐文章于 2023-03-27 11:42:15 发布

Cool_Yuan

最新推荐文章于 2023-03-27 11:42:15 发布

阅读量215

点赞数

分类专栏：实训概论文章标签： HTML 表格

本文链接：https://blog.csdn.net/qq_38968170/article/details/78817298

版权

实训概论专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>
		<!--定义表格的标签：table-->
		<!--一个tr表示一行
		一个td表示一行中有多少个单元格-->
		
		<table bgcolor="yellow" border="1px" width="500px" height="300px">
			<tr>
				<td align="center"><b>数学</b></td>
				<th valign="top">语文</th>
			</tr>
			<tr>
				<td valign="bottom">100</td>
				<td>99</td>
			</tr>
		</table>
		
		
		<!--创建一个完整女朋友的表格，便于管理-->
		<!--cellspacing表示单元格与单元格之间的间距-->
		<!--cellpadding表示文字与单元格边框的距离，内边距-->
		<table border="1px" align="center" cellspacing="0" cellpadding="20">
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>身高(cm)</th>
				<th>体重(Kg)</th>
				<th>三围(M)</th>
			</tr>
			<tr align="center">
				<td align="center">范冰冰</td>
				<td align="center">50</td>
				<td>160</td>
				<td>50</td>
				<td>32</td>
			</tr>
			<tr align="center">
				<td>高圆圆</td>
				<td>80</td>
				<td>180</td>
				<td>200</td>
				<td>60</td>
			</tr>
			<tr align="center">
				<td>韩红</td>
				<td>60</td>
				<td>150</td>
				<td>200</td>
				<td>70</td>
			</tr>
		</table>
		
		<!--写表格的时候一定要工整
		第一行有多少个单元格，后面的行数就一定要有多少个单元格-->
		
		1.框架式布局     被废弃
		2.表格布局        即将被废弃，但是十分工整，所以目前还在保留
		3.div+css  
	</body>
</html>