在网页中创建表格（1）

最新推荐文章于 2024-02-16 23:45:17 发布

WhitePig.

最新推荐文章于 2024-02-16 23:45:17 发布

阅读量732

点赞数

分类专栏：前端学习文章标签： html5 css3

本文链接：https://blog.csdn.net/Czy010506/article/details/120279775

版权

这篇博客是作者的学习笔记，介绍了如何在HTML5中创建表格，包括table、caption、tr、td和th等基本元素的用法，以及表格的行合并和列合并方法，通过示例代码详细讲解了规则和不规则表格的创建。

摘要由CSDN通过智能技术生成

菜鸟报到，请多指教。

> 以下是我的学习笔记

● 所需标记符简介

● 表格-代码示例

1 表格的基本元素构成

（1）table 标记符

表格内的所有内容都应该位于其中

（2）caption 标记符

描述表格的标题，自己选择使用与否，直接位于<table>之后

（3） tr 标记符【table row】

定义表格的行，每一行对应着一个 tr 标记符，相应内容位于其中

（4）td 和 th 标记符【table body/descrition】【table header】

在表格的每一行中，每个单元格，都对应一个 td 标记符或者 th 标记符

两者唯一不同之处在于

td 表示普通表格数据，th 表示表格的行列标题数据（表头）

2-1 简单规则表格示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			caption{font:36px 楷体;text-align: left;}
		</style>
	</head>
	<body>
		<table border="1">
			<capti