html table相关标签和属性
生活随笔
收集整理的這篇文章主要介紹了
html table相关标签和属性
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
| <table></table> | 表格開(kāi)始和結(jié)束。表格的基本標(biāo)簽之一。示例 |
| <tr></tr> | 表格的行。表格的基本標(biāo)簽之一。示例 |
| <td></td> | 單元格。表格的基本標(biāo)簽之一。示例 |
| <th></th> | 表頭單元格。示例 |
| <caption></caption> | 表格的標(biāo)題。示例 |
| <col/> | 給表格中的一列或多列設(shè)置屬性。示例 |
| <colgroup></colgroup> | 給表格中的一列或多列設(shè)置屬性。示例 |
| <thead></thead> | 表頭。當(dāng)打印過(guò)長(zhǎng)的表格時(shí),表頭會(huì)出現(xiàn)在分頁(yè)上。示例 |
| <tfoot></tfoot> | 表腳。當(dāng)打印過(guò)長(zhǎng)的表格時(shí),表腳會(huì)出現(xiàn)在分頁(yè)上。示例 |
| <tbody></tbody> | 表格主體、正文。thead、tfoot和tbody需一起使用。示例 |
| cellpadding | 設(shè)置單元格邊框與單元格里的內(nèi)容之間的距離。 | % 或px單位值 | <table>示例 |
| cellspacing | 設(shè)置單元格間的距離。 | % 或px單位值 | <table>示例 |
| colspan | 設(shè)置表格中的行跨越多列 | 列數(shù) | <th><td>示例 |
| width | 設(shè)置寬度。 | % 或px單位值 | <table><th><td>示例 |
| height | 設(shè)置高度。 | % 或px單位值 | <table><th><td>示例 |
| align | 設(shè)置相應(yīng)內(nèi)容的水平方向?qū)R方式。 | left(左) 、center(中)、right(右) | 所有table相關(guān)標(biāo)簽。示例 |
| valign | 設(shè)置相應(yīng)內(nèi)容的垂直方向?qū)R方式。 | bottom(底部)、top(頂部)、middle(中間) | 除<table>外所有table相關(guān)標(biāo) 簽。 注意,<caption>不支持baseline和middle值。示例 |
| background | 設(shè)置背景圖片。 | 背景圖片的路徑和文件名。 | <table><th><td>示例 |
| bgcolor | 設(shè)置背景顏色。 | rgb(x,x,x) 、 #xxxxxx 、 顏色名 | 除<caption><col><colgroup> 外所有table相關(guān)標(biāo)簽。示例 |
| border | 設(shè)置邊框?qū)挾取?/td> | px單位值 | <table>示例 |
| bordercolor | 設(shè)置邊框顏色。 | rgb(x,x,x) 、 #xxxxxx 、 顏色名 | <table>示例 |
| bordercolordark | 設(shè)置邊框的暗邊顏色。 | rgb(x,x,x) 、 #xxxxxx 、 顏色名 | <table>示例 |
| bordercolorlight | 設(shè)置邊框的亮邊顏色。 | rgb(x,x,x) 、 #xxxxxx 、 顏色名 | <table>示例 |
| rules | 設(shè)置表格內(nèi)部邊框的顯示方式。此屬性瀏覽器兼容性不佳,不建議使用。 | none(不顯示內(nèi)部邊框)、groups(顯示行和列間的邊框)、rows(顯示行邊框)、cols(顯示列邊框)、all(顯示所有內(nèi)部邊框) | <table> |
| summary | 設(shè)置表格摘要。設(shè)置的摘要文字不會(huì)在瀏覽器顯示出來(lái)。 | 文本 | <table> |
| title | 設(shè)置當(dāng)鼠標(biāo)停留在表格時(shí)顯示的描述性的文字。 | 文本 | <table><thead><tfoot><tbody> |
| span | 設(shè)置相應(yīng)的列來(lái)應(yīng)用其它的屬性 | 列數(shù) | <col><colgroup>示例 |
| nowrap | 文字不換行,表格隨著文字自動(dòng)伸展。此屬性瀏覽器兼容性不佳,不建議使用。 | nowrap | <tr><th><td> |
總結(jié)
以上是生活随笔為你收集整理的html table相关标签和属性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 12款经典图片轮播jquery插件
- 下一篇: HTML中label的两种使用方法