ITPub博客

首页 > 应用开发 > > html web页面中table表格的使用方法和介绍

html web页面中table表格的使用方法和介绍

作者:coyan 时间:2019-09-27 15:58:15 0 删除 编辑

那一刻的心动 



一、创建基本表格

在html中创建表格,也是一组标签,最核心的标签有如下几个:

table 桌子,

表格代码 tr

td 单元格 列

th 单元格 列通常用于第一行,相当于标题,头部的意思

表格是由行和列组成的一个二维结构,其中的行用tr表示,列用td或th表示。

基本用法:

二、表格标签相关属性

table的相关属性:

1. Widht:宽度

2. Height:高度

3 .Align:对齐方式

3. Bgcolor:背景颜色

4. Border:边框

5. Cellspaciing:单元格之间的距离

6. Cellpadding:单元格的内容与单元格边框的距离

Border:表示表格的边框

注意:

1,border是作用于table,但是它对单元格也有影响,让单元格也产生了边框。

2,如果把border边框调整为10的话,这只对最外层的边框起作用,对里面单元格是不起作用的,始终为1个像素。

3,对于border的属性值,如果不写单位,默认单位是px

align:表示表格相对于父元素的对齐方式,这原父元素是body

width和height:表示表格宽度和高度

注意点:

对于width和height的理解:一般理解成min-widht和min-height

bgcolor:表示表格背景颜色

Cellspacing和cellpadding:表示单元格之间的距离,单元格中的内容与单元格的边框的距离

Tr属性:

ü Height:设置行高

ü Bgcolor:设置某一行的背景颜色

ü Align:设置水平对齐方式

ü Valign:设置重直对齐方式

Height:设置行高

Bgcolor:设置某一行的背景颜色

Valign:设置垂直对齐方式

注意:

对于align设置时,属性值有:left center right

对于vlign设置时,属性值有:top middle bottom

Td和th的相关属性:

Rowspan:行合并

Colspan:列合并

以上内容希望对你有用!如果是刚开始学这方面的建议先学标签基础!

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2236/viewspace-3124822/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-11

  • 博文量
    271
  • 访问量
    16167