一、 概述

HTML（Hyper Text Markup Language ）作為一種標(biāo)記語(yǔ)言，網(wǎng)頁(yè)所有的內(nèi)容均書(shū)寫(xiě)在標(biāo)簽內(nèi)部，標(biāo)簽是組成Html頁(yè)面的基本元素，因此對(duì)標(biāo)簽特性的理解在HTML的學(xué)習(xí)過(guò)程中比較重要。

二、基本分類(lèi)

HTML中的標(biāo)簽從閉合的角度可以分為閉合標(biāo)簽和空標(biāo)簽。而HTML中大部分標(biāo)簽都是閉合標(biāo)簽，其他少數(shù)為空標(biāo)簽，常見(jiàn)的空標(biāo)簽有<input />、 <img />、 <area />、 <base />、 <link />等。

HTML中對(duì)標(biāo)簽另一種分類(lèi)方式，是根據(jù)標(biāo)簽在文檔中的位置特性進(jìn)行分類(lèi)的，它將元素分為三類(lèi)：塊級(jí)元素，行內(nèi)元素，行級(jí)塊元素（也稱(chēng)塊級(jí)行元素）。

1.塊級(jí)元素（block）
　　特點(diǎn)：
（1）可以設(shè)置寬高、內(nèi)、外邊距；
（2）獨(dú)占一行（即前后均有換行）；
（3）塊級(jí)元素如果不設(shè)置寬度和高度，則寬度默認(rèn)為父級(jí)元素的寬度。高度則根據(jù)內(nèi)容大小自動(dòng)填充。
常見(jiàn)的塊級(jí)元素： div、p、h1、h2…h(huán)n，ol、ul、dl、li、form、table

2.行級(jí)元素(inline)
特點(diǎn)：
（1）不可設(shè)置寬高、上下內(nèi)、外邊距。（左右內(nèi)、外邊距設(shè)置有效）
（2）其寬度和高度由其內(nèi)容自動(dòng)填充。
（2）其他行級(jí)元素共處一行 ；
常見(jiàn)的行級(jí)元素：a、span、i、lable等

3.行內(nèi)塊元素（inline-block）
特點(diǎn)：
（1）可以設(shè)置寬高、內(nèi)外邊距；
（2）可以與其他行內(nèi)元素、內(nèi)聯(lián)元素共處一行；
常見(jiàn)的內(nèi)聯(lián)元素：input、img

4.元素之間的轉(zhuǎn)化
可以在行內(nèi)樣式或css樣式中改變?cè)氐膁isplay將三種元素進(jìn)行轉(zhuǎn)換。
display:block；(將元素變?yōu)閴K級(jí)元素)
display:inline； (將元素變?yōu)樾屑?jí)元素)
display：inline-block；（將元素變?yōu)樾屑?jí)塊元素）

總結(jié)

以上是生活随笔為你收集整理的HTML标签类型及特点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。