社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > 表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作

表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作

WBOY
发布： 2016-05-16 16:40:54
原创
1323 人浏览过

表格的基本语法

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


复制代码
代码如下:




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
Lunch
相关标签：
table 标记 表格
来源：php.cn
上一篇：HTML中绝对路径和相对路径的区别分析_HTML/Xhtml_网页制作 下一篇：有没有仔细了解过标签 它是如何定义如何使用_HTML/Xhtml_网页制作
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
PHP数组从URL参数中获取的行为不如预期 我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...
来自于 2024-04-06 22:09:02
0
1
1428
返回值中变量的格式是什么？ 我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...
来自于 2024-04-06 21:55:20
0
1
778
匹配单词的正则表达式 我有一个脚本，我试图将新的职位名称与数据库中的现有职位名称进行匹配。SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,f...
来自于 2024-04-06 21:24:04
0
1
606
查询和公式形成整个表，带有新列，其中新列是涉及其他条件列值的公式 编辑：公式应该是“值”列-根据类别具有最低user_id的“值”列。因此第2行将为0.04，因为类别“A”的最低“user_id”的“value”列是0.01。抱歉。我想从表中检索...
来自于 2024-04-06 21:23:40
0
2
530
动态修改Javafx中的内联CSS样式 我试图在应用程序最大化时更改窗格的背景图像。我的背景是使用内嵌css设置的。我为样式设置了两个不同的变量和一个if语句。但是，我没有运气让它改变样式。StringcssStyle=...
来自于 2024-04-06 20:57:16
0
1
487
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板