HTML列表和表格標籤總彙

列表

1,ul:無序列表(有很多列表信息是不分順序的 在CSS狀態下能夠很好的顯示)
ol:有序列表(不過涉及到新聞、買賣條目等信息時可以考慮用有序列表進項結構化這樣可以能夠體現信息的時間順序)
li:列表項目
2,type:自定義屬性
disc:實心圓點(默認值)
circle:空心圓點
square:實心方塊
寫法<ul style="list-style-type: square"></ul>
font-family:設置字體樣式(如:宋體、楷體等)

定義列表

dl:定義列表

dt:定義列表標題
dd:定義列表說明

嚴格的講dt和dd必須搭配使用從而形成一個完整的語義單元

不建用的元素
menu :菜單列表
dir :目錄列表

這兩個元素不建議使用因爲早期的HTML把列表元素區分的過細列表語義存在很多重複性

表格

表格元素

  1. table表:用來定義數據表格的外框 或稱爲數據包含框。
  2. tr表格行:根據語義可以知道他是一行數據包含框
  3. td表格數據單元:稱爲單元格包含數據詳細信息 該元素嵌套在tr元素裏

數據表格元素

  1. th列標題元素:實際上應該是列或行表頭 包含標題信息文字加粗-th元素代表一行數據
  2. caption數據表格標題元素:元素定義表格的真正標題一般與th元素必須跟進在table元素之後,一個表格只有一個標題
  3. summary屬性是table元素的一個語義屬性,用來定義表格數據的摘要。

表格分組

數據行分組

  1. thead(表格頭)在數據表格中定義頭部區域:thead是個複數也就是說他可以包含多行數據
  2. tbody(表格字體)在數據表中定義主體區域
  3. tfoot(表格腳)在數據表中定義腳部區域

數據列分組

  1. col(表格列)在數據表中定義列區域:col元素可以嵌套到colgroup元素中,也可以獨立使用

在col元素裏可以定義span屬性來指定列分組的數目,默認值爲1 col元素將從左到右按順序分組數據列。沒有包含的列則不分組列

  1. colgroup(數據列組)在數據中定義數據列組:但使用colgroup元素時,必須配合col元素來使用否則無效 標籤只能在table元素中使用
  2. row列表頭:rowspan合併行
  3. scope可以連接表格數據單元格和表格
  4. group設置整行整列屬性
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章