我們首先介紹下制作HTML表格的相關標簽：

table 定義 HTML 表格

thead 標簽定義表格的表頭

tbody 標簽表格主體（正文）

tfoot 標簽定義表格的頁腳（腳注或表注）

tr 元素定義表格行

th 元素定義表頭

td 元素定義表格單元

caption 元素定義表格標題，必須緊隨 table 標簽之后。只能對每個表格定義一個標題，默認居中與表格之上

col 標簽為表格中一個或多個列定義屬性值。

colgroup 標簽用于對表格中的列進行組合，以便對其進行格式化。

html表格制作及實例具體代碼如下：

 style type= text/css  /*公共樣式*/ width: 600px; margin: auto; margin-top: 20px; width: 600px; margin: auto; table{ width: 600px; margin: auto; text-align: center; /*基本表格樣式*/ .table-1{ border: 1px solid #ccc; border-collapse: collapse;/*合并相鄰表格的間距*/ .table-1 tr,.table-1 td{ border: 1px solid #ccc; /*無邊框表格*/ .table-2{ /*雙線表格*/ .table-3{ border: 1px solid #ccc; .table-3 tr,.table-3 td{ border: 1px solid #ccc; /*合并表格列*/ .table-4{ border: 1px solid #ccc; border-collapse: collapse;/*合并相鄰表格的間距*/ .table-4 tr,.table-4 td{ border: 1px solid #ccc; /*合并表格行*/ .table-5{ border: :1px solid #ccc; border-collapse: collapse; .table-5 tr,.table-5 td{ border: 1px solid #ccc; /*復雜表格一*/ .table-6{ border: :1px solid #ccc; border-collapse: collapse; .table-6 tr,.table-6 td{ border: 1px solid #ccc; /*復雜表格二*/ .table-7{ border: :1px solid #ccc; border-collapse: collapse; .table-7 tr,.table-7 td{ border: 1px solid #ccc; /style  body  div >
效果如下圖：

那么本篇通過表格html代碼的演示，介紹制作HTML表格的方法。希望對有需要的朋友有所幫助！
以上就是HTML中表格是如何操作制成的？（代碼示例）的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。