這篇文章給大家分享的是有關HTML的table屬性有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
我們提供的服務有:成都做網站、網站設計、微信公眾號開發(fā)、網站優(yōu)化、網站認證、清江浦ssl等。為近千家企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的清江浦網站制作公司
什么是表格&表格的作用
什么是表格:由一些被稱之為單元格的矩形框按照從左到右從上到下的順序排列到一起組成的
表格的作用:以一定的結構來顯示信息的。
如何使用table表格
定義表格:<table></table>
創(chuàng)建表行:<tr></tr>
創(chuàng)建列(單元格):<td></td>
注意:默認情況下,每行中的列數是統(tǒng)一的。
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>
作用:為表格定義標題
位置:表格正上方居中顯示
<table>
<caption>標題</caption>
<tr>
<td></td>
<td></td>
</tr>
</table>
2.行標題或列標題
列標題:第一行中的每一列,加粗,水平居中的效果顯示
行標題:每行里面的第一列,加粗,水平居中的效果顯示
行(列)標題:<th></th>
<th></th>作用與<td></td>一模一樣
table邊框合并:
屬性:border-collapse
取值:
1.separate默認值,分離邊框模式
2.collapse邊框合并模式
table邊框邊距:
1.作用:設置相鄰單元格邊框之間的距離(類似于cellspacing)
2.屬性:border-spacing
取值:
1.取1個值:表示水平和垂直間距相等
2.取2個值:第一個值表示的水平間距
第二個值表示的垂直間距
兩個值之間用空格隔開
3.要求
border-collapse必須為separate
必須為分離邊框模式時有效
隱藏的顯示效果:
屬性:visibility:collap:se
用在表格元素上,刪除一行或一列,不影響表格整個布局
感謝各位的閱讀!關于“HTML的table屬性有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
本文名稱:HTML的table屬性有哪些
轉載注明:http://bm7419.com/article34/gocise.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網頁設計公司、ChatGPT、全網營銷推廣、App開發(fā)、關鍵詞優(yōu)化、網站導航
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)