Html網頁表格結構化標記該如何使用

php中世界最好的语言
發布: 2018-01-20 09:43:40
原創
1976 人瀏覽過

這次帶給大家Html網頁表格結構化標記該如何使用,Html網頁表格結構化標記使用的注意事項有哪些,以下就是實戰案例,一起來看一下。

Html表格的結構化

所謂的結構化,就是把我們的表格分成三種:表頭、表體、表尾。從而當我們在修改表體部分的時候,不會影響到其它兩部分,從而解除了耦合,方便我們的應用。

結構化格式

… --------表头区     
…---------表体区     
…------------表尾区     
登入後複製

總結:透過將表格分成三部分,方便了我們對表格的編輯操作。
 
Html表格的標題

每個表格都有自己的標題,正如上述第二幅圖片所示,那麼又如何做到讓標題隨著內容來移動呢?
 
表格的標題

登入後複製

下的屬性值有:

屬性名稱

##屬性值

說明

align

Top

標題在表格上方

Bottom

##標題在表格下方

小結:透過設定表格的標題,能夠隨時讓標題跟著表格動。

Html直列化格式


什麼是表格的直列化格式呢?我們平常在Excel中所見到的為整列加上背景顏色,說的就是這麼一回事。

     
     
     
  • 表格嵌套的使用一
  • 学生成绩表
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    成绩汇总

  • 表格嵌套的使用二
  • 学生成绩
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    成绩汇总

  • 表格嵌套的使用三
  • 学生成绩
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    登入後複製

    相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

    相關閱讀:

    怎麼用h5的sse伺服器發送EventSource事件


    H5的本地儲存和本機資料庫詳細介紹


    用H5和C3實作簡單的時鐘效果

    以上是Html網頁表格結構化標記該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    最新問題
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!