html中的table详解


本文摘自PHP中文网,作者墨辰?R,侵删。

本篇文章主要介绍HTML中的table,感兴趣的朋友参考下,希望对大家有所帮助。

  1. 普通表格,简单的HTML表格由table元素以及tr、td和th元素组成,其中tr是指表格行,td是指单元格,th定义表头。空单元格就直接不填即可,或者用 。

1

2

3

4

5

6

7

8

9

10

11

12

13

<table>  

<tr>     

<th>表头</th>    

<th>表头</th>    

<th>表头</th>

</tr>

<tr>     

<td>单元格1

</td>    

<td></td>      

<td>单元格3</td>  

</tr>

</table>

2.带有边框的表格。border元素表示表格的边框,默认单位是px,cellspcing表示表格与表格之间的间距,cellpadding表示内边距/内填充的距离。

1

2

3

4

5

6

7

8

9

10

11

12

<table border="1" cellspacing="10" cellpadding="30">

        <tr>

            <th>表头</th>

            <th>表头</th>

            <th>表头</th>

        </tr>

        <tr>

            <td>单元格1</td>

            <td>单元格2</td>

            <td>单元格3</td>

        </tr>

    </table>

3.带有背景图片或颜色的表格,注意:bgcolor表示颜色,而background不能直接在html里面添加颜色(这句话说错了,是使用的方式错误,直接使用内联样式书写的格式是style="background:red"或者是style="background-color:red"),在table中添加就是对整个表格设置,如果在单独的tr或者td中设置就是对单独的行或者单元格来进行设置。


阅读剩余部分

相关阅读 >>

js的dom是什么?

html5 header标签是什么意思?html5 header标签的用法详解(附实例)

html select标签怎么默认选中?select标签的使用介绍

html元素有哪些自带样式,如何去除

html中的短语标签是什么?有哪些?

html如何隐藏滚动条或去除滚动条

html怎么使文本框不可编辑

html中如何调整图片之间的间距

html的<address> 标签

html dl标签作用是什么?html dl标签的属性介绍和使用方法详解

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...