table標籤的學習

2021-08-03 16:14:29 字數 3097 閱讀 1848

1. table標籤的用法和定義

這裡引用的是w3cschool上的說法:

**由  標籤來定義。每個**均有若干行(由  標籤定義),每行被分割為若干單元格(由    標籤定義)。字母 td 指**資料(table data),即資料單元格的內容。資料單元格可以包含文字、、列表、段落、表單、水平線、**等等。
**:

row 1, cell 1td>

row 1, cell 2td>

tr>

row 2, cell 1td>

row 2, cell 2td>

tr>

table>

效果:

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

寫法由標籤包括,標籤為行,在tr中包含列標籤,如果**td標籤直接由table標籤包括,將預設是一行,如下所示:

row 1, cell 1td>

row 1, cell 2td>

row 2, cell 1td>

row 2, cell 2td>

table>

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

2. **的常用屬性屬性

用途bgcolor=「」

設定**的背景色

background=「」

設定**的背景

border=「」

設定單元格邊框的寬度,若不設定,預設為0

cellpadding=「」

設定單元格內容與其邊框之間的空白

cellspacing=「」

設定單元格之間的距離

bordercolor=「」

設定**邊框的顏色

bordercolorlight=「」

設定單元格邊框亮部分的顏色(ps:border值要》1,做凹凸效果)

bordercolordark=「」

設定單元格邊框暗部分的顏色(ps:border值要》1,做凹凸效果)

align=「」

設定**對齊的方式(left=左,center=居中,right=右)

height=「」

設定**的高度

width=「」

設定**的寬度

3. 合併單元格

如何合併單元格呢,使用相關屬性進行設定

colspan=「x」

列合併rowspan=「x」

行合併其中x的值,代表你要合併的單元格數,在列中:你所能合併的數是≤總的列數(包括自身),在行中:你所能合併的行數是≤所在行的向下數的總的行數(包括自身)。如果不刪掉你要合併的內容,單元格會排擠,收縮原內容(不會消失)

說起來可能比較繞,但是自己試一試就馬上明白了。

示例:①合併列colspan=」2」

colspan="2">row 1, cell 1td>

tr>

row 2, cell 1td>

row 2, cell 2td>

tr>

table>

row 1, cell 1

row 2, cell 1

row 2, cell 2

②合併行rowspan=「2」

rowspan="2">row 1, cell 1td>

row 1, cell 2td>

tr>

row 2, cell 2td>

tr>

table>

row 1, cell 1

row 1, cell 2

row 2, cell 2

③排擠情況

colspan="2">row 1, cell 1td>

row 1, cell 2td>

tr>

row 2, cell 1td>

row 2, cell 2td>

tr>

table>

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

rowspan="2">row 1, cell 1td>

row 1, cell 2td>

tr>

row 2, cell 1td>

row 2, cell 2td>

tr>

table>

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

3.其他

①表頭

使用標籤,標籤會將單元格的內容自動變為居中粗體

表頭1th>

表頭2th>

tr>

表頭1表頭2

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

②**中的空單元格

最好使用空格符佔位,以便顯示出邊框屬性

 td>
row 1, cell 1

row 1, cell 2

row 2, cell 2

③框架(frame)屬性

frame 屬性無法在 internet explorer 中正確地顯示,使用好可以有很多有用的效果。

另外一些屬性也可以去w3cschool*檢視

table標籤的屬性

標籤定義 html 簡單的 html 由 table 元素以及乙個或多個 tr th 或 td 元素組成。tr 元素定義 行,th 元素定義表頭,td 元素定義 單元。更複雜的 html 也可能包括 caption col colgroup thead tfoot 以及 tbody 元素。在 htm...

詳述table標籤

我們常常會使用到excle 可以非常直觀的 建立 操作 刪除 資料 如下圖 那麼如何在html檔案中建立乙個 呢?html 由table 標籤以及乙個或多個tr th或td標籤組成 table 標籤用來定義 整個 包含在 和標籤中 tr標籤用來定義 中乙個 行,它是單元格的容器,每行可以包含有多個單...

dl標籤與table標籤

table資料列表 傳統table的資料列表 如下所示。我們要為每行新增tr標籤,然後還要在其中為標題和資料各加乙個td標籤,由於標籤都是td,想要新增樣式的話還要為每個td新增class屬性。class title name td class text squall litd tr class t...