HTML-表格标签

最新推荐文章于 2024-03-19 00:47:22 发布

Tommy5553

最新推荐文章于 2024-03-19 00:47:22 发布

阅读量140

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/Tommy5553/article/details/80778630

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

表格标签

可以对数据进行格式化，使数据显示更加清晰

<table></table>：表格的范围

在table里面 <tr></tr>表示一行

设置显示方法 align letf center right（设置居左，居中，居右）

在tr里面 <td></td>表示一个单元格

使用<th></th>表示单元格数据直接居中和加粗

属性：

border：表格线

bordercolor：表格线的颜色

cellspacing：单元格之间的距离

width：表格的宽度

height：表格的高度

表格的标题

<caption></caption> 放在table里面

<!doctype html>
<html lang="en">
 <head>
  <title>Document</title>
 </head>
 <body>
  <!-- 表格标签 -->
  <table border = "1" bordercolor = "blue" cellspacing = "0" width = "400" height = "150">
  	<caption>人员信息</caption>
	<tr align = "center">
		<td>姓名</td>
		<td>性别</td>
		<td>年龄</td>
	</tr>
	<tr align = "center">
		<td>张三</td>
		<td>男</td>
		<td>20</td>
	</tr>
	<tr align = "center">
		<td>李四</td>
		<td>男</td>
		<td>21</td>
	</tr>
	<tr align = "center">
		<th>王五</th>
		<th>男</th>
		<th>22</th>
	</tr>
  </table>
 </body>
</html>

合并单元格

rowspan：跨行

colspan：跨列

都是操作<td></td>中的类容

Tommy5553

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-表格标签

表格标签可以对数据进行格式化，使数据显示更加清晰 &lt;table&gt;&lt;/table&gt;：表格的范围在table里面 &lt;tr&gt;&lt;/tr&gt;表示一行设置显示方法 align letf center right（设置居左，居中，居右）在tr里面 &lt;td&gt;&lt;/td&gt;表示一个单元格使用&lt...
复制链接

扫一扫

专栏目录