摘要:標簽,表頭單元格,包含頭部信息,和標簽一樣,被包裹,存在表頭當中以下是支持的屬性。表示單元格可以橫跨的列數表示單元格可以橫跨的行數規定與單元格相關聯的一個或多個表頭單元格。,設置是否顯示表格中的空單元格。
table元素的簡介
table標簽下,通常包含caption(表格的標題),thead, tbody, tfoot,三個部分,如下表格所示:
Month | Savings |
---|---|
Sum | $180 |
January | $100 |
February | $80 |
Month | Savings |
---|---|
Sum | $180 |
January | $100 |
February | $80 |
table可以通過屬性來定義它的樣式,但是一般不推薦這樣做,最好是通過CSS來完成樣式的自定義。如果定義了屬性,同時也定義了CSS樣式,將以CSS樣式為準。
以下屬性僅作了解,并且HTML5只支持border屬性。
align: 表示表格應該相對于父元素向左,右還是中間對齊
bgcolor:表格的背景顏色,值為十六進制數
border:定義邊框的粗細
frame:定義哪邊的邊框需要顯示
cellpadding:表格格子與內容之間的間隔
cellspacing:格子與格子之間的間隔
width:表格的寬度
tr標簽,Table-Row,表示表格中的一行,通常被thead, tbody, tfoot。
th標簽,表頭單元格,包含頭部信息,和td標簽一樣,被tr包裹,存在表頭當中以下是Html5支持的屬性。
colspan: 表示單元格可以橫跨的列數
rowspan:表示單元格可以橫跨的行數
headers:規定與單元格相關聯的一個或多個表頭單元格。
scope:規定表頭單元格是否是行、列、行組或列組的頭部 "col|row|colgroup|rowgroup"
td標簽,Table-Data,表示的是單元格,通常被tr包裹。以下是Html5支持的屬性。
colspan: 表示單元格可以橫跨的列數
rowspan:表示單元格可以橫跨的行數
headers:規定與單元格相關聯的一個或多個表頭單元格。
table樣式的自定義display: table, table-row, table-cell。
border-collapse:設置是否把表格邊框合并為單一的邊框。separate| collapse,如果為collapse,會忽略border-spacing 和 empty-cells 屬性。
border-spacing:設置分隔單元格邊框的距離。取值同border屬性,只用于分離模式。
empty-cells:show|hide,設置是否顯示表格中的空單元格。
caption-side:top|bottom, 表示表格標題的位置。
table-layout: automatic|fixed;在固定表格布局中,水平布局僅取決于表格寬度、列寬度、表格邊框寬度、單元格間距,而與單元格的內容無關。當屬性值為fixed時,可以手動設置寬高,如果table的寬度或者高度確定,每個單元格將會等分。
鏈接描述
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112027.html
摘要:的演示整個項目的地址的地址起初只是想簡單開始重新做一遍百度前端技術學院的任務,但是在做的過程中萌生了要記錄下自己在過程中遇到的一系列問題的想法。現在我把自己完成的小項目的源碼在上分享出來,希望可以幫到廣大前端初學者們。 Task02的演示DEMO:https://amnova.github.io/New-... 整個項目的GitHub地址:https://github.com/amn...
摘要:的演示整個項目的地址的地址起初只是想簡單開始重新做一遍百度前端技術學院的任務,但是在做的過程中萌生了要記錄下自己在過程中遇到的一系列問題的想法。現在我把自己完成的小項目的源碼在上分享出來,希望可以幫到廣大前端初學者們。 Task02的演示DEMO:https://amnova.github.io/New-... 整個項目的GitHub地址:https://github.com/amn...
摘要:我也意識到在學習一個框架前,將框架的思想和原生的實現進行對比有多么重要。這個是目前為止一個大的框架思路,當然還要再進行每個功能的細分。表格將上一步的并集數據顯示出來渲染分表格,表格有一個表頭,用于展示商品的種類地區以及每月的銷售情況。 前言:由于剛入前端時間并不長,之前最近一直處在學習的階段,現在準備找工作,回首看看之前學的,發現了很多的瑕疵。我分析覺得主要原因在于之前有些東西學的太快...
摘要:與屬性的值不同,其不為被隱藏的對象保留其物理空間指定對象為內聯元素。指定對象作為塊元素級的表格。類同于標簽指定對象作為表格行組。伸縮盒過渡版本將對象作為彈性伸縮盒顯示。伸縮盒最新版本新增屬性可能存在描述錯誤及變更,僅供參考。 它的語法如下: display:none | inline | block | list-item | inline-block | table | inline...
閱讀 3263·2023-04-25 14:35
閱讀 3417·2021-11-15 18:00
閱讀 2536·2021-11-12 10:34
閱讀 2481·2021-11-11 16:54
閱讀 3464·2021-10-08 10:12
閱讀 2762·2021-09-06 15:02
閱讀 3318·2021-09-04 16:48
閱讀 2799·2019-08-29 14:02