構建靜態頁面之 [ 表格 ]

raoyi 發布于2019-08-02 11:21 / 1684人閱讀

摘要：表格描述以網格的形式來呈現數據，并且以二維數據表有行有列來顯示數據內容表格元素元素表示定義表格元素表示定義表格中的行元素表示定義表格中的表頭元素表示定義表格中的單元格元素表示定義表格中的標題元素表示定義表格的頁眉元素表示定義表

表格描述

以網格的形式來呈現數據，并且以二維數據表(有行有列)來顯示數據內容

表格元素

元素 - 表示定義表格

元素 - 表示定義表格中的行

元素 - 表示定義表格的頁眉

元素 - 表示定義表格的主體

元素 - 表示表格的頁腳

表格元素元素屬性border屬性

表示設置表格的邊框

屬性值為數字值

會同時設置表格和單元格

rowspan屬性

表示設置單元格的跨行

屬性值為數字值

colspan屬性

表示設置單元格的跨列

屬性值為數字值

表格元素整體示例代碼

元素 - 表示定義表格中的標題
元素 - 表示定義表格中的表頭	元素 - 表示定義表格中的單元格

隨身物品
手機	電腦	手表	平板
iphone X	MacBook Pro 15寸	卡西歐	iPad Pro 12寸
iphone SE	MacBook Pro 13寸	尼尚	iPad Pro 10寸
以上二選一

表格樣式 caption-side屬性

表示設置表格中的標題元素在表格中的顯示位置

border屬性

表示設置邊框

border-width - 表示設置邊框的寬度

border-style - 表示設置邊框的樣式

border-color - 表示設置邊框的顏色

border屬性也允許簡寫：順序是邊框的寬度邊框的樣式邊框的顏色

border-collapse屬性

表示設置邊框是分離還是合并

注意：在設置邊框為合并后，border-spacing屬性和empty-cells屬性會失效

border-spacing屬性

表示設置邊框之間的距離

empty-cells屬性

表示設置空白單元格的顯示與隱藏

表格樣式示例代碼


    
    表格的樣式
    



    隨身物品
    
        
            手機
            電腦
            手表
            平板
        
    
    
        
            iphone X
            MacBook Pro 15寸
            卡西歐
            iPad Pro 12寸
        
        
            iphone SE
            MacBook Pro 13寸
            尼尚
            iPad Pro 10寸
        
    
    
        
            以上二選一

GPU云服務器云服務器 jsp 設置頁面之 php靜態表格導出靜態頁面動靜態頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52928.html

構建靜態頁面之 [ 表格 ]

摘要：表格描述以網格的形式來呈現數據，并且以二維數據表有行有列來顯示數據內容表格元素元素表示定義表格元素表示定義表格中的行元素表示定義表格中的表頭元素表示定義表格中的單元格元素表示定義表格中的標題元素表示定義表格的頁眉元素表示定義表表格描述以網格的形式來呈現數據，并且以二維數據表(有行有列)來顯示數據內容表格元素元素 - 表示定義表格元素 - 表示定義表格中的行元素 -...

李昌杰 2019-08-29 16:32 評論0 收藏0
構建靜態頁面之 [ 布局 ]

摘要：布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內塊級元素水平居中的第一種方法該方法需作用在父子結構中為父級設置屬性為子級設置屬性注意的問題屬性是設置文本內容對齊方式的布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中 + 行內塊級元素（text-a...

andot 2019-08-29 16:31 評論0 收藏0
構建靜態頁面之 [ 布局 ]

摘要：布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內塊級元素水平居中的第一種方法該方法需作用在父子結構中為父級設置屬性為子級設置屬性注意的問題屬性是設置文本內容對齊方式的布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中 + 行內塊級元素（text-a...

JessYanCoding 2019-08-02 16:31 評論0 收藏0
【靜態頁面架構】CSS之表格

摘要：架構表格元素表格的基本結構以元素建立表格元素是表格行，元素是表示表格單元格表格以行和列表示容器元素屬性默認的表格和單元格都有邊框表格默認是有寬度的單元格之和決定元素表示表格中的單元格單元格默認寬度由內容決定姓名年齡職業桐人 CSS架構表格: 1.元素: 表格的基本結構；以table元素建立表格tr元素是表格行，td元素是表示表格單元格 ...

instein 2019-08-29 16:32 評論0 收藏0
支持多框架的組件庫KPC 1.0正式發布

摘要：自從年月份對外公布以來，已經經過了個月的迭代，期間發布了幾十個正式版本，但一直沒有到，因為我們覺得是個里程碑版本，我們必須做的足夠完善才敢稱之為。自從17年11月份對外公布以來，KPC已經經過了8個月的迭代，期間發布了幾十個正式版本，但一直沒有到1.0，因為我們覺得1.0是個里程碑版本，我們必須做的足夠完善才敢稱之為1.0。而如今我們有信心對外宣布：KPC 1.0終于來了！其實距離...

劉厚水 2019-08-26 10:10 評論0 收藏0