HTML入門基礎知識(四)

2021-10-08 22:51:23 字數 1874 閱讀 9264

**的主要作用

**主要用於顯示、展示資料。乙個清爽簡約的**能夠把複雜的資料表現得很有條,**不用用來布局頁面的,是用來展示資料的。

例子:

**的基本語法

1、< table>< /table>用於定義**的標籤。

2、< tr> < /tr>標籤用於定義**中的行,必須巢狀在< table>< /table>標籤中。

3、< td> < /td>用於定義**中的單元格,必須巢狀在< tr>< /tr>標籤中。

4、字母td指**資料(table data),即資料單元格的內容。

例子:

表頭單元格標籤

一般表頭單元格位於**的第一行或第一列,表頭單元格裡面的文字內容加粗居中顯示。

< th>標籤表示html**的表頭部分(table head的縮寫)

例子:

**的屬性

**的屬性實際開發不用,一般通過css來設定。

注意:屬性需要寫道**標籤table中去。

例子:**結構標籤

使用場景:因為**可能很長,為了更好的表示**的語義,可以將**分割成**頭部和**主體倆大部分。

在**標籤中,分別用:< thead>標籤 **的頭部區域、< tbody>標籤 **的主體區域,可以更好的分清**結構。

1、< thead>< /thead>:用於定義**的頭部,< thead>內部必須擁有< tr>標籤。一般是位於第一行。

2、< tbody>< tbody>:用於定義**主體,主要用於放資料本體。

3、以上標籤都是放在 < table>< /table>標籤中。

例子:

合併單元格

特殊情況下,可以把多個單元格合併為乙個單元格。

合併單元格方式

跨行合併:rowpan=「合併單元格個數」

跨列合併:colspan=「合併單元格的個數」

目標單元格:(寫合併**)

跨行:最上側單元格為目標單元格,寫合併**

跨列:最左側單元格為目標單元格,寫合併**

合併單元格

1、先確定是跨行還是跨列合併。

2、找到目標單元格,寫上合併方式=合併的單元格數量。比如:< td colspan =「2」>< /td>。

3、刪除多餘的單元格

(ps:引自pink老師~,剛剛開始作為自己的學習筆記寫,如有不好請見諒,阿里嘎多)

[^1]:

HTML入門基礎知識(三)

超連結標籤 html中的注釋和特殊字元 影象標籤 在html標籤中,img 標籤用於定義html頁面中的影象。單詞image的縮寫,意思為影象。例子 src是 img 標籤的必須屬性,它用於指定影象檔案的路徑和檔名。屬性簡單理解為就是屬於這個影象標籤的特性 影象標籤的其他屬性 例子 注意 1 影象標...

C 入門基礎知識(四)

c 的算術運算子 一 電腦程式當中當然少不了 計算 要計算就必須了解運算子,我們先了解算術運算子當中的加 減 乘 除。加 加號有2個用途 當用加號連線兩個數字時,會計算出這兩個數字的和。例如 console.writeline 9 2.2 輸出結果為11.2另外一種情況是,當加號兩邊出現字串時,使用...

HTML基礎知識的入門學習

1.html是指令碼語言,檔名為.html或者.htm 2.基本框架 我的第乙個段落。注釋 舉例說明 如何使用css css 是在 html 4 開始使用的,是為了更好的渲染html元素而引入的.css 可以通過以下方式新增到html中 最好的方式是通過外部引用css檔案 html樣式例項 背景顏色...