這篇“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證書合作)期待與您的合作!
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屬性 用來定義表格單元格,可以同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ù)及其描述 它同 valign屬性可以設(shè)置th和td,可以取值Top或者Bottom。 callpadding:內(nèi)容與單元格邊框的間距 cellspacing:防止文本超出邊框 如果要使單元格實現(xiàn)跨行或者跨列功能,使用屬性colspan和rowspan. 5、HTML thead屬性 用來定義表格的頁眉,表頭的包裝器??梢远x一行或多行,這些行是 table 元素的列標(biāo)簽 沒有thead元素,所有的tr被假定為屬于表的主體 6、HTML tbody屬性 用來定義表格的主體 7、HTML tfoot屬性 用來定義標(biāo)記表格的頁腳 注意: 、 和 在html5之前, 8、html colgroup屬性 用來定義表列組,可以使用其來將樣式應(yīng)用于某個列,當(dāng)然也可以使用下面要說的col元素 具有局部屬性 span 的 9、HTML col屬性 用來表示表單個列,建議使用 10、html caption屬性 用來定義表格的標(biāo)題,每個表中只能包含一個 11、實例代碼: 運行結(jié)果: 單元格跨行 單元格跨列 以上是“HTML表格10種基本屬性的示例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道! 元素具有相同的局部屬性,兩者有如下區(qū)別: 是表示頭標(biāo)記,通常位于首行或者首列。而且 中的文字默認(rèn)會被加粗,而 是不會的 是數(shù)據(jù)標(biāo)記,表示單元格的具體的數(shù)據(jù) 標(biāo)簽 標(biāo)簽不管放在
標(biāo)簽內(nèi)的哪個位置,都會被分別定為到表格的頭部和底部。可以出現(xiàn)在或
之前或之后。 元素必須出現(xiàn)在元素之前,在html5中,可以將元素放在或最后一個元素后面
標(biāo)題1
標(biāo)題2
標(biāo)題3
左
中
右
top
center
bottom
姓名
電話
創(chuàng)新互聯(lián)
123456 654321
姓名
電話
創(chuàng)新互聯(lián)
123456
654231
標(biāo)題名稱:HTML表格10種基本屬性的示例
路徑分享:http://weahome.cn/article/jsjpee.html