欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-19 12:45:16
...
表格的基本语法

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


复制代码
代码如下:




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 表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作

复制代码
代码如下:




Food Drink Sweet
A B C


My favorites...
cookies, chocolates, and more.
Food Drink Sweet
A B C

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

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

... #=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)标记(TAGS)详细介绍_HTML/Xhtml_网页制作

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作
  • 专题推荐

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

    认证0级讲师

    推荐视频教程
  • 表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作javascript初级视频教程
  • 表格(TABLE)标记(TAGS)详细介绍_HTML/Xhtml_网页制作jquery 基础视频教程
  • 视频教程分类
    相关标签: 表格 TABLE 标记 TAGS

    上一篇: 在JavaScript中访问字符串的子串_基础知识

    下一篇: css position属性中:absolute与relative的区别

    推荐阅读