讲给后台程序员看的前端系列教程(07)——HTML5标签(6)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lfdfhl/article/details/100548713

C语言自学完备手册(33篇)

Android多分辨率适配框架

HTML5前端开发实战系列教程

MySQL数据库实操教程(35篇图文版)

推翻自己和过往——自定义View系列教程(10篇)

走出思维困境,踏上精进之路——Android开发进阶精华录

讲给Android程序员看的前端系列教程(40集免费视频教程+源码)


版权声明

  • 本文原创作者:谷哥的小弟
  • 作者博客地址:http://blog.csdn.net/lfdfhl

HTML表格标签

表格相关标签

在HTML中与表格相关的标签简述如下:

table标签用于展示表格

caption标签用于显示表格的标题

tr标签用于表示表格的行(table row简写tr)

th标签用于表示表格的表头单元格(table header简写th)

td标签用于表示单元格(table data简写td)

表格相关属性

在HTML中与表格相关的属性简述如下:

border:设置边框,单位为px;默认为0

cellspacing:设置单元格与单元格之间的距离,单位为px;默认2px

cellpadding:设置文字与单元格之间的距离,单位为px;默认1px

width:设置表格的宽度,单位为px

height:设置表格高度,单位为px

align:设置表格在网页中的对齐方式;取值为:left、right、center

bgcolor:设置背景颜色

创建表格的相关步骤

  • 第一步:创建table标签
  • 第二步:在table标签中创建行标签tr
  • 第三步:在行标签tr中创建单元格标签td

示例

代码如下:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>HTML表格标签</title>
	</head>
	<body>

		<table border="1" width="600" height="400" align="center" bgcolor="pink" cellspacing="0" cellpadding="0">

			<caption>
				<h2>中国著名演员</h2>
			</caption>

			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
				<th>城市</th>
			</tr>

			<tr align="center">
				<td>李冰冰</td>
				<td>32</td>
				<td></td>
				<td>北京</td>
			</tr>

			<tr align="center">
				<td>张曼玉</td>
				<td>27</td>
				<td></td>
				<td>上海</td>
			</tr>

			<tr align="center">
				<td>刘德华</td>
				<td>47</td>
				<td></td>
				<td>香港</td>
			</tr>

		</table>
	</body>
</html>

效果如下:
在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页