2019-03-06

表格:

1,格式:table定义表格   tr定义行  td定义单元格

eg:

2.属性:width设置表格的宽度     border表格边框的宽,默认是0   cellspacing表格的外边距     cellpadding表格的内边距    

align表格相对周围元素对齐方式,取值有center、left、right   

eg:给table设置align属性, 是让表格在浏览器中居左/居右/居中

给tr设置align属性, 是让当前行中所有内容居左/居右/居中

给td设置align属性,是让当前单元格中所有内容居左/居右/居中

该属性仅仅作为了解, 企业开发中用css代替, 因为HTML仅仅用于说明语义

如果td中设置了align属性, tr中也设置了align属性, 那么单元格中的内容会按照td中设置的来对齐

bgcolor:

作用:规定表格的背景颜色

eg:给table设置bgcolor属性, 是给整个表格设置背景颜色

给tr设置bgcolor属性, 是给当前行设置背景颜色

给td设置bgcolor属性, 是给当前单元格设置背景颜色

该属性仅仅作为了解, 企业开发中用css代替, 因为HTML仅仅用于说明语义

3.合并单元格

横向合并

colspan:合并当前行的哪几个单元格,注意colspan只会向后合并,不会向前合并。

例如:

说明:把当前单元格当做两个单元格来看待

纵向合并

rowspan:合并当前列的哪几个单元格,注意rowspan只会向后合并,不会向前合并。

例如:

说明:把当前单元格当做两个单元格来看待

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 列表标签 无序列表 格式: 需要显示条目内容 作用:给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先...
    MGd阅读 371评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,159评论 0 0
  • web前端 day 1 and 2 格式 <!DOCTYPE html> <meta charset="UTF-8...
    whamai阅读 193评论 0 0
  • 浏览器请求数据过程 1.URL http://127.0.0.1/index.html(浏览器会自动添加80) h...
    菜鸟白泽阅读 761评论 0 0
  • 1、作用 以表格形式将数据显示出来,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式。 2 、...
    唯老阅读 516评论 0 6