我們常常會使用到excle**，可以非常直觀的 建立、操作、刪除**資料（如下圖）。
那麼如何在html檔案中建立乙個**呢？
html
**由table
標籤以及乙個或多個tr、
th或td標籤組成：
table
標籤用來定義**，整個**包含在
和標籤中
tr標籤用來定義**中乙個
行，它是單元格的容器，每行可以包含有多個單元格，由
和標籤表示
td標籤和
th標籤用來定義
單元格，所有單元格都在
tr標籤內，每個單元格由一對
和標籤或一對
<
th>和th
>
標籤表示（th即為tablehead代表**頭，th即為tabledata代表**內資料），具體的**內容放置在這一對
td標籤或
th標籤之中（注意：th
標籤中的內容預設以粗體、居中的方式顯示）
例如：
1行1列的內容
1行2列的內容
…2行1列的內容
2行2列的內容……
序號姓名
年齡手機號
1小王18
17752846322
2小麗17
15964712254
！！！為什麼我們建立的「**」沒有邊框呢？
其實是這樣的，我們的的確確把這些資料按照「行和列」存放到了乙個看不見的**當中了，但是其實**的邊框是屬於**中\\標籤的屬性border，因此需要我們手動去設定邊框的型別、粗細、顏色等。
關於邊框的border標籤屬性語法如下：
/*語法*/
border: 顏色 粗細 虛線/實線;
/*示例*/
border: black 1px solid;/*設定黑色、粗細為1px畫素的實線邊框*/
我們將border屬性標籤寫到序號
姓名年齡
手機號 1
小王18
17752846322
2小麗17
15964712254
在瀏覽器的預覽如下圖：
在上圖中可以看出我們做出的邊框並不美觀，那麼如何僅顯示一條線呢。
實際上需要如下另外兩個標籤屬性：
border-spacing
設定單元格之間的間距
border-collapse
設定邊框是否重合，屬性值有：
separate（分開）
、collapse（合併）
修改後的**如下：
序號姓名
年齡手機號
1小王18
17752846322
2小麗17
15964712254
至此，我們已經成功在html中建立了乙個與excel一模一樣的**！
解決了邊框問題後，針對**其它屬性調整，可由以下幾個標籤屬性實現：
width設定**大小或佔頁面百分比
height設定單元格大小
align設定單元格內容水平對齊方式，屬性值有：left（左對齊）
、right（右對齊）
、center（）居中對齊
valign設定單元格內容的垂直對齊方式，屬性值有：top（對內容進行上對齊）、middle（對內容進行居中對齊（預設值））、bottom（對內容進行下對齊）、baseline（與基線對齊）
如要合併列：
合併列需要使用標籤屬性colspan語法格式如下：
colspan="合併列數"合併列需要使用標籤屬性rowspan語法格式如下：
rowspan="合併行數"html
分別實現如下效果
設計**如下：
2023年圖書銷售統計
圖書分類
一季度二季度
三季度四季度
銷售量銷售額銷售量
銷售額銷售量
銷售額銷售量
銷售額 **
23521
￥559，940.00
18423
￥44，841.00
32125
￥829，870.00
25188
￥586,564.00
dl標籤與table標籤
table資料列表 傳統table的資料列表 如下所示。我們要為每行新增tr標籤，然後還要在其中為標題和資料各加乙個td標籤，由於標籤都是td，想要新增樣式的話還要為每個td新增class屬性。class title name td class text squall litd tr class t...
table標籤與列表標籤
table tr td th 屬性 table width 寬度 height 高度 align 水平對齊方式 left center right border 設定 的變寬，以px 畫素 為單位 cellpadding 內邊距 單元格邊框與內容之間的距離 cellspacing 外邊距 單元格與單...
table標籤的屬性
標籤定義 html 簡單的 html 由 table 元素以及乙個或多個 tr th 或 td 元素組成。tr 元素定義 行，th 元素定義表頭，td 元素定義 單元。更複雜的 html 也可能包括 caption col colgroup thead tfoot 以及 tbody 元素。在 htm...