HTML表格的基本语法有哪些

这篇文章主要介绍“HTML表格的基本语法有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML表格的基本语法有哪些”文章能帮助大家解决问题。

创新互联公司致力于做网站、成都网站制作,成都网站设计,集团网站建设等服务标准化，推过标准化降低中小企业的建站的成本，并持续提升建站的定制化服务水平进行质量交付，让企业网站从市场竞争中脱颖而出。 选择创新互联公司，就选择了安全、稳定、美观的网站建设服务！

表格的基本语法

... - 定义表格
- 定义表行
- 定义表头
- 定义表元(表格的具体数据)

带边框的表格： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

不带边框的表格： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

 跨多行、多列的表元(Table Span)

跨多列的表元

复制代码

代码如下:

Morning Menu
Food	Drink	Sweet
A	B	C

Morning Menu
Food	Drink	Sweet
A	B	C

跨多行的表元

复制代码

代码如下:

Morning Menu	Food	A
	Drink	B
	Sweet	C

Morning Menu	Food	A
	Drink	B
	Sweet	C

 表格尺寸设置

边框尺寸设置： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

表格尺寸设置： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

表元间隙设置： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

表元内部空白设置： 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

 表格内文字的对齐/布局

#=left, center, right

 
 

复制代码

代码如下:

 

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

#=top, middle, bottom, baseline

 
 

复制代码

代码如下:

Food	Drink	Sweet	Other
A	B	C	D

Food	Drink	Sweet	Other
A	B	C	D

 表格在页面中的对齐/布局(Floating Table)

复制代码

代码如下:

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more.

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more. 

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more. 

#=space value 

复制代码

代码如下:

Food	Drink	Sweet
A	B	C

 My favorites...
cookies, chocolates, and more.

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more. 

 表格的标题 

... #=left, center, right
 

复制代码

代码如下:

 

Lunch

Food	Drink	Sweet
A	B	C

Lunch

Food	Drink	Sweet
A	B	C

... #=top, bottom

valign=top is default.

复制代码

代码如下:

 

Lunch

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

关于“HTML表格的基本语法有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

文章题目：HTML表格的基本语法有哪些
路径分享：http://cdkjz.cn/article/jhipdh.html