HTML table属性你知道多少,进来了解一下?


本文摘自PHP中文网,作者寻∝梦,侵删。

HTML table属性你知道多少,进来了解一下?在html中表格标签的使用十分广泛,对于初学者很好入手,不过也有一些属性,可以使表格的功能极大提升。应用得当,你会发现它会使页面变得清晰美观。让我们好好学习HTML table属性吧。

什么是表格&表格的作用

什么是表格:由一些 被称之为 单元格的矩形框 按照从左到右从上到下的顺序排列到一起组成的

表格的作用:以一定的结构来显示信息的。

如何使用table表格

定义表格:<table></table>

创建表行:<tr></tr>

创建列(单元格):<td></td>

注意:默认情况下,每行中的列数是统一的。

table表格的特点:

1、独占一行

2、宽度自适应(由内容来决定)

table表格属性:

<table> 属性

  • width: 设置表格宽度

  • height: 设置表格高度

  • align: 设置 表格 在其 父元素中的水平对齐方式,取值:left,center,right

  • border: 边框,边框宽度,以px为单位的数值,px可以省略

  • cellpadding: 单元格内边距

  • 单元格边框与内容之间的距离

  • cellspacing: 单元格外边距

  • 单元格与单元格之间或者单元格与表格之间的 距离

  • bgcolor: 背景颜色

<tr> 属性

  • 1.align: 该行的内容 水平对齐方式

  • 2.valign: 该行的内容 垂直对齐方式,取值:top,middle,bottom

  • 3.bgcolor 该行的文本颜色

<td> 属性

  • width

  • height

  • align

  • valign

  • bgcolor

  • colspan设置单元格跨列

  • rowspan设置单元格跨行

3、table表格中的其他标记

1.<caption></caption>

作用:为表格定义标题

位置:表格正上方居中显示

阅读剩余部分

相关阅读 >>

关于Html中area标签的用法详解

Html 5经典书籍分享

Html里面ul那个点怎么消

Html语言中,单元格的标记是什么

Html中p标签可以以什么结束

Html table属性你知道多少,进来了解一下?

input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

h5与传统Html的区别

Html 元素

Html 前端怎么连接数据库?

更多相关阅读请进入《Html》频道 >>




打赏

取消

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

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

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

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...