對table元素相關的標籤和屬性一點總結

2021-09-10 16:52:26 字數 3105 閱讀 4723

table元素主要是用來顯示資料,之前用來頁面布局不過已經過時了。

跟table元素相關的標籤有很多,比如:tr, td, th, thead, tbody, tfoot, caption,還有常用的屬性:border, cellspacing, cellpadding等。總結一下。

不如把他們寫在乙個table元素裡來看看效果:

html:

border="1">

人員資訊caption>

nameth>

ageth>

tr>

thead>

ellentd>

23td>

tr>

alicetd>

22td>

tr>

tbody>

2 persontd>

2 infotd>

tr>

tfoot>

table>效果:

總結一下:

table元素定義乙個**;

caption元素定義**標題;

thead, tbody, tfoot分別定義了**的表頭、主體、表注,這樣**看起來更容易理解,本身不是內容標籤而是相當於定義標籤包含內容的意義,詳見:

tr定義一行,行內可包含多個th和td標籤;

td定義標準單元格,與th不同的是,th用於定義表頭單元,包含頭部資訊(預設粗體);

這裡列舉的都是table標籤的屬性而非css樣式。

html:

border="5"

cellspacing="3"

cellpadding="10">

人員資訊caption>

nameth>

ageth>

tr>

thead>

ellentd>

23td>

tr>

alicetd>

22td>

tr>

tbody>

2 persontd>

2 infotd>

tr>

tfoot>

table>效果:

border定義了**邊框寬度,為「0」時,則**主體和單元格都沒有邊框,設定非0值時,則定義了**主體邊框的寬度、而單元格寬度顯示而且不會改變(1px的寬度?);

cellspacing定義了單元格與單元格之間的寬度,設定為「0」時,邊框「變為」一條線。

cellpadding定義了單元格邊框與其內部內容的間距,意義參考css屬性中的padding;

關於將**邊框設定為一條線,使用css的方法為:

table

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!

table元素主要是用來顯示資料,之前用來頁面布局不過已經過時了。

跟table元素相關的標籤有很多,比如:tr, td, th, thead, tbody, tfoot, caption,還有常用的屬性:border, cellspacing, cellpadding等。總結一下。

不如把他們寫在乙個table元素裡來看看效果:

html:

border="1">

人員資訊caption>

nameth>

ageth>

tr>

thead>

ellentd>

23td>

tr>

alicetd>

22td>

tr>

tbody>

2 persontd>

2 infotd>

tr>

tfoot>

table>效果:

總結一下:

table元素定義乙個**;

caption元素定義**標題;

thead, tbody, tfoot分別定義了**的表頭、主體、表注,這樣**看起來更容易理解,本身不是內容標籤而是相當於定義標籤包含內容的意義,詳見:

tr定義一行,行內可包含多個th和td標籤;

td定義標準單元格,與th不同的是,th用於定義表頭單元,包含頭部資訊(預設粗體);

這裡列舉的都是table標籤的屬性而非css樣式。

html:

border="5"

cellspacing="3"

cellpadding="10">

人員資訊caption>

nameth>

ageth>

tr>

thead>

ellentd>

23td>

tr>

alicetd>

22td>

tr>

tbody>

2 persontd>

2 infotd>

tr>

tfoot>

table>效果:

border定義了**邊框寬度,為「0」時,則**主體和單元格都沒有邊框,設定非0值時,則定義了**主體邊框的寬度、而單元格寬度顯示而且不會改變(1px的寬度?);

cellspacing定義了單元格與單元格之間的寬度,設定為「0」時,邊框「變為」一條線。

cellpadding定義了單元格邊框與其內部內容的間距,意義參考css屬性中的padding;

關於將**邊框設定為一條線,使用css的方法為:

table

專用於table的html標籤和css屬性

標籤定義 的標題。標籤必須直接放置到 標籤之後。您只能對每個 定義乙個標題。caption side bottom 屬性規定 標題的位置。可以有top bottom inherit。不支援left right。如果標題要放在左側的話,不考慮ie的話,可以給table設定display flex。這樣...

對已存在的標籤元素新增子元素

請選擇 北京市天津市 河北省 使用父元素.parentnode.replacechilde 替換的元素,父元素 獲取省份元素物件 let select provs document.queryselector select name provs 監聽省份元素改變 select provs.oncha...

css對標籤的分類(元素型別)

css的顯示對標籤分類 塊狀元素 內聯元素 行內元素 爭議點 第三類 a 可變元素 b 行內塊元素 元素型別分類 塊狀元素 內聯元素 可變元素。注 把行內塊元素 歸在 內聯元素這一類裡面。預設情況下元素型別每個型別特點 塊狀元素特點 1 在頁面中以矩形區域顯示。2 自上而下排列,獨佔一行 3 可以直...