真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML表格10種基本屬性的示例

這篇“HTML表格10種基本屬性的示例”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要參考一下,對于“HTML表格10種基本屬性的示例”,小編整理了以下知識點,請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進(jìn)入主題吧。

南湖ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!

html有什么特點

1、簡易性:超級文本標(biāo)記語言版本升級采用超集方式,從而更加靈活方便,適合初學(xué)前端開發(fā)者使用。 2、可擴展性:超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能,增加標(biāo)識符等要求,超級文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴展帶來保證。  3、平臺無關(guān)性:超級文本標(biāo)記語言能夠在廣泛的平臺上使用,這也是萬維網(wǎng)盛行的一個原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語言,它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。

HTML表格屬性設(shè)置在HTML網(wǎng)頁中的應(yīng)用是十分廣泛的,也是至關(guān)重要的,所以,接下來我們來分別看一看10種表格屬性的介紹以及具體的代碼。

1、HTML table屬性


用來定義HTML的表格,具有本地屬性 border 表示邊框,border屬性的值必須為1或空字符串("")。該屬性不會控制邊框的樣式,而是由CSS來控制

table元素可以有tr,th,td,thead,tbody,tfoot,colgroup元素

table標(biāo)簽的基本屬性如下:

border:可以的取值為1和0,1代表有邊框,0代表沒有邊框。

bordercolor:可以設(shè)置邊框的顏色,值為顏色值。

bgcolor:設(shè)置表格的背景顏色

background:設(shè)置背景圖片

2、html tr屬性

用來定義表格的一行。由于HTML表格是面向行的,所以必須分別表示每一行

tr元素可以在table,thead,tbody和tfoot元素內(nèi)使用

tr元素內(nèi)可以包含一個或者多個td或th元素

它的align,bgcolor等屬性已過時,如果要設(shè)置屬性,請使用CSS設(shè)置

3、HTML td屬性

用來定義表格的頁眉,表頭的包裝器??梢远x一行或多行,這些行是 table 元素的列標(biāo)簽

沒有thead元素,所有的tr被假定為屬于表的主體

6、HTML tbody屬性

用來定義表格的主體

7、HTML tfoot屬性

用來定義標(biāo)記表格的頁腳

注意:

、標(biāo)簽內(nèi)部必須擁有 標(biāo)簽

和標(biāo)簽不管放在

用來定義表格單元格,可以同colspan,rowspan,headers局部屬性使用

(1)colspan: 列跨度,該屬性規(guī)定了單元格可橫跨的列數(shù),該屬性的值必須是整數(shù)

(2)rowspan:行跨度,該屬性規(guī)定了單元格可橫跨的行數(shù),該屬性的值必須是整數(shù)

(3)headers:該屬性的值是一個或多個單元的ID屬性值,將單元格與列標(biāo)題相關(guān)聯(lián),可用于使用屏幕閱讀器

注意:每個表格必須包含以上三個元素

4、html th屬性

用來定義標(biāo)題單元格,使我們有效區(qū)分?jǐn)?shù)據(jù)及其描述

它同

元素具有相同的局部屬性,兩者有如下區(qū)別:

是表示頭標(biāo)記,通常位于首行或者首列。而且中的文字默認(rèn)會被加粗,而是不會的

是數(shù)據(jù)標(biāo)記,表示單元格的具體的數(shù)據(jù)

valign屬性可以設(shè)置th和td,可以取值Top或者Bottom。

callpadding:內(nèi)容與單元格邊框的間距

cellspacing:防止文本超出邊框

如果要使單元格實現(xiàn)跨行或者跨列功能,使用屬性colspan和rowspan.

5、HTML thead屬性

標(biāo)簽內(nèi)的哪個位置,都會被分別定為到表格的頭部和底部。

可以出現(xiàn)在或之前或之后。

在html5之前,

元素必須出現(xiàn)在元素之前,在html5中,可以將元素放在或最后一個元素后面

8、html colgroup屬性

用來定義表列組,可以使用其來將樣式應(yīng)用于某個列,當(dāng)然也可以使用下面要說的col元素

具有局部屬性 span 的

表示列組應(yīng)該橫跨的列數(shù)。默認(rèn)是一列,即對表格的一列設(shè)置樣式

可以包含一個或多個 元素

9、HTML col屬性

用來表示表單個列,建議使用

包裹元素而不是直接設(shè)置span屬性定義組

也具有局部屬性span

放在的元素內(nèi)部,的咩哥實例表示組中的一列。使用該標(biāo)簽可以將樣式應(yīng)用于列的組和該組的單個列

10、html caption屬性

                                                                              左             中             右                               top                          bottom              

用來定義表格的標(biāo)題,每個表中只能包含一個

元素

11、實例代碼:


    
        
表格示例
標(biāo)題1標(biāo)題2標(biāo)題3
center

運行結(jié)果:

HTML表格10種基本屬性的示例

單元格跨行


       單元格的跨行
       
           姓名
           電話
       
       
           創(chuàng)新互聯(lián)
           123456   654321
       
   

單元格跨列


     單元格跨列
     
         姓名
         電話
     
     
         創(chuàng)新互聯(lián)
         123456
     
     
         
         654231
     
 

以上是“HTML表格10種基本屬性的示例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


標(biāo)題名稱:HTML表格10種基本屬性的示例
路徑分享:http://weahome.cn/article/jsjpee.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部