了解HTML的標籤概述與分類

2022-09-11 21:12:33 字數 1847 閱讀 2743

1. 檔案標籤:構成html最基本的標籤

* html:html文件的根標籤

* head:頭標籤。用於指定html文件的一些屬性,引入外部的資源

* title:標題標籤。

*body:體標籤

* :html5中定義該文件是html文件

2. 文字標籤:和文字有關的標籤

* 注釋:

*to :標題標籤, h1~h6:字型大小逐漸遞減

*:段落標籤

*:換行標籤

*:展示一條水平線

* 屬性:

* color:顏色

*width:寬度

* size:高度

* align:對其方式

* center:居中

* left:左對齊

* right:右對齊

*:字型加粗

* :字型斜體

* :字型標籤

* :文字居中

* 屬性:

* color:顏色

* size:大小

* font:字型

* 屬性定義:

* color:

1. 英文單詞:red,green,blue

2. rgb(值1,值2,值3):值的範圍:0~255  如  rgb(0,0,255)

3. #值1值2值3:值的範圍:00~ff之間。如: #ff00ff

* width:

1. 數值:width='20' ,數值的單位,預設是 px(畫素)

2. 數值%:佔比相對于父元素的比例

* img:展示

* 屬性:

* src:指定的位置

* 相對路徑

* 以.開頭的路徑

* ./:代表當前目錄  ./image/1.jpg

* ../:代表上一級目錄

4. 列表標籤:

* 有序列表:

* ol:

* li:

* 無序列表:

*ul:

* li:

5. 鏈結標籤:

* a:定義乙個超連結

* 屬性:

* href:指定訪問資源的url(統一資源定位符)

* target:指定開啟資源的方式

* _self:預設值,在當前頁面開啟

* _blank:在空白頁面打

6. div和span:

* div:每乙個div佔滿一整行。塊級標籤

* span:文字資訊在一行展示,行內標籤 內聯標籤

7. 語義化標籤:html5中為了提高程式的可讀性,提供了一些標籤。

1.:頁首

2.:頁尾

8. **標籤:

* table:定義**

* width:寬度

* border:邊框

* cellpadding:定義內容和單元格的距離

* cellspacing:定義單元格之間的距離。如果指定為0,則單元格的線會合為一條、

* bgcolor:背景色

* align:對齊方式

* tr:定義行

* bgcolor:背景色

* align:對齊方式

*td:定義單元格

* colspan:合併列

* rowspan:合併行

* th:定義表頭單元格

* :**標題

* :表示**的頭部分

* :表示**的體部分

* :表示**的腳部分

HTML標籤分類

按閉合特徵分類 按是否換行分類 塊級元素特點 常用的塊級元素 標籤描述 div常用塊級容器,也是css和layout的主要標籤 h1 h6 一二三四五六級標題 hr水平分割線 menu 選單列表 ol ul li 有序列表 無序列表 列表項 dl dt dd 自定義列表 定義分類 類項描述 tabl...

HTML標籤分類

html標籤分類 塊級標籤 顯示為 塊 狀,獨佔一行 前後斷行顯示 佔據一整行 具有寬度和高度 常用作容器 沒有實際意義 容納 其他塊級標籤或行級標籤 常用標籤 基本塊級標籤 標題標籤段落標籤水平線標籤 浮動屬性 float 用於定於元素的浮動方向 改變塊級標籤的顯示屬性,塊級標籤不會獨佔一行 脫離...

HTML標籤的分類

display block 獨佔一行 div就是乙個塊級元素 可以設定寬度和高度 寬度是父級元素的寬度,高度是自身內容的高度 div p h1 h6 ol ul li dl dt dd table tr hr td form pre display inline 不獨佔一行,在一行顯示 span就是...