百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 什么是table表格?html中table表格的介绍
分享文章到:

什么是table表格?html中table表格的介绍

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章给大家带来的内容是关于什么是table表格?html中table表格的介绍,有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

什么是表格?表格是由行和列摆列而成的一种构造,依照行和列显现数据,从而停止页面规划。这种规划方式已经过时。倡议使用p+css实现页面规划。

怎样创立HTML表格:HTML表格由table标签、caption标签乃至一个或多个tr、th或td标签组成:

1、table标签用来定义表格,整个表格包括在<table>和</table>标签中;

2、caption标签定义表格标题;

3、tr标签用来定义表格中一个行,它是单元格的容器,每行可以包括有多个单元格,由<tr>和</tr>标签表示;

4、td标签和th标签用来定义单元格,所有单元格都在tr标签内,每个单元格由一对<td>和</td>标签或一对<th>和</th>标签表示,详细的表格内容放置在这一对td标签或th标签之中,其语法如下:

<table>
	<caption>表格标题</caption>
    <tr>
        <th>1行1列的内容</th>
        <th>1行2列的内容</th>
        …
    </tr>
    <tr>
        <td>2行1列的内容</td>
        <td>2行2列的内容</td>
        …
    </tr>
    …
</table>

注:th和td的不一样:th默许是以粗体和居中的方式显现于单元格。

table的一些常用标签属性

1、border标签属性:设定表格边框的宽度(单位:px);border属性会为每个单元格增加边框,并用边框环绕表格;假如 border 属性的值发生改动,那么只要表格四周边框的尺寸会发生转变,表格内部的边框则是1像素宽;倡议使用border样式属性设定边框,不要使用border标签属性设定边框,

2、width标签属性:设定表格宽度,倡议使用width样式属性设定表格宽度,不要使用width标签属性设定,该标签属性有多个值:

值 描写 pixels 设定以像素计的宽度(例子:width="50")。 % 设定以包括元素的百分比计的宽度(例子:width="50%")。

3、align标签属性:指定表格相关于四周标签的对齐方式,倡议使用float样式属性实现该结果,该标签属性有多个值:

值 描写 left 左对齐表格。 right 右对齐表格。 center 居中对齐表格。

4、bgcolor标签属性:指定表格背景色彩,倡议使用background-color样式属性实现该结果,该标签属性有多个值:

值 描写 color_name 规定色彩值为色彩名称的背景色彩(比方 "red")。 hex_number 规定色彩值为十六进制值的背景色彩(比方 "#ff0000")。 rgb_number 规定色彩值为 rgb 代码的背景色彩(比方 "rgb(255,0,0)")。

5、cellpadding标签属性:设定单元格边界与单元格内容之间的间距(单位:px),倡议使用padding样式属性实现对其结果

6、cellspacing标签属性:指定单元格之间的间距(单位:px)

以上列出了table标签常用的标签属性,除此之外table标签还有frame、rules和summary三个标签属性,但由于frame和rules在Internet Explorer阅读器中不支撑此属性,而summary标签属性不会再阅读器中发生任何视觉结果,所以这三个标签属性忽略不讲。

tr标签属性

1、align标签属性:设定表格行中单元格内容的水平对齐方式,该标签属性有多个值:

left 左对齐内容(默许值)。 right 右对齐内容。 center 居中对齐内容。 justify 对行停止舒展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 char 将内容瞄准指定字符。注:阅读器不支撑该标签属性值

2、bgcolor标签属性:设定表格行的背景色彩,倡议使用background-color样式属性实现该结果,该标签属性有多个值:

值 描写 color_name 规定色彩值为色彩名称的背景色彩(比方 "red")。 hex_number 规定色彩值为十六进制值的背景色彩(比方 "#ff0000")。 rgb_number 规定色彩值为 rgb 代码的背景色彩(比方 "rgb(255,0,0)")。

3、valign标签属性:设定表格行中单元格内容的垂直对齐方式,该标签属性有多个值:

值 描写 top 对内容停止上对齐。 middle 对内容停止居中对齐(默许值)。 bottom 对内容停止下对齐。 baseline 与基线对齐。

th和td标签属性

1、align标签属性:设定单元格内容的水平对齐方式,该标签属性有多个值:

值 描写 left 左对齐内容(td标签默许值)。 right 右对齐内容。 center 居中对齐内容(th标签默许值)。 justify 对行停止舒展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 char 将内容瞄准指定字符。注:阅读器不支撑该标签属性值

2、bgcolor标签属性:设定单元格背景色彩,倡议使用background-color样式属性实现该结果,该标签属性有多个值:

值 描写 color_name 规定色彩值为色彩名称的背景色彩(比方 "red")。 hex_number 规定色彩值为十六进制值的背景色彩(比方 "#ff0000")。 rgb_number 规定色彩值为 rgb 代码的背景色彩(比方 "rgb(255,0,0)")。

3、valign标签属性:设定单元格内容的垂直对齐方式,该标签属性有多个值:

top 对内容停止上对齐。 middle 对内容停止居中对齐(默许值)。 bottom 对内容停止下对齐。 baseline 与基线对齐。

4、width标签属性与height标签属性:设定单元格的宽度和高度,倡议使用width样式属性和height样式属性设定单元格宽度和高度,不要使用width标签属性和height标签属性设定,该标签属性有多个值:

值 描写 pixels 以像素计的宽度或高度值(比方 "100px")。 percent 以包括元素百分比计的宽度或高度值(比方 "20%")。

5、nowrap标签属性:设定单元格的内容可否换行

6、colspan标签属性和rowspan标签属性:离别设定单元格横跨的列数和横跨的行数

相关引荐:

html small标签是啥意思?small标签的使用办法实例

HTML font标签的color属性是啥?fontcolor的用途介绍(附色彩代码表)

以上就是啥是table表格?html中table表格的介绍的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板