這篇文章給大家分享的是有關(guān)html的常用標(biāo)簽元素是什么的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出上黨免費(fèi)做網(wǎng)站回饋大家。

首先我們來(lái)了解一下html標(biāo)簽元素可以分成哪些類型？

HTML中標(biāo)簽元素一般會(huì)分成三種不同類型，分別為：塊狀元素，行內(nèi)元素，行內(nèi)塊狀元素。

下面我們來(lái)詳細(xì)介紹一下這三種類型元素的特點(diǎn)以及用處，并且讓大家了解常用的塊狀元素與行內(nèi)元素有哪些？

塊狀元素

特點(diǎn)：

1、獨(dú)占一行，每一個(gè)塊狀元素都會(huì)從新的一行重新開(kāi)始，從上到下排布

2、可以直接控制寬度、高度以及盒子模型的相關(guān)css屬性（元素的高度、寬度、行高以及頂和底邊距都可設(shè)置）

3、在不設(shè)置寬度的情況下，塊級(jí)元素的寬度是它父級(jí)元素內(nèi)容的寬度

4、在不設(shè)置高度的情況下，塊級(jí)元素的高度是它本身內(nèi)容的高

因?yàn)樗陨砭哂械倪@些特點(diǎn)，我們通常會(huì)使用塊狀元素來(lái)進(jìn)行大布局（大結(jié)構(gòu)）的搭建。

常用的塊狀元素：

1、普通元素

div（常用塊狀容器，也是css layout的主要標(biāo)簽）、p（段落）、hr（水平分隔線）、table（ 表格）、form（交互表單）

2、標(biāo)題元素：

h2（大標(biāo)題）、h3（副標(biāo)題）、h4（三級(jí)標(biāo)題）、h5 （四級(jí)標(biāo)題）、h6 （五級(jí)標(biāo)題）、h7（六級(jí)標(biāo)題）

3、列表元素

menu（菜單列表）、ol（有序列表）、ul（無(wú)序列表）、li（列表項(xiàng)）、dl（定義列表）、dt（定義術(shù)語(yǔ)）、dd（定義描述）

我們通過(guò)簡(jiǎn)單代碼來(lái)看看這些塊狀元素

	
		
		
		
	
	
		
div標(biāo)簽元素，占據(jù)一行
		
p標(biāo)簽元素，占據(jù)一行
		
標(biāo)題元素，占據(jù)一行
		

			
ul1 li 標(biāo)簽 元素
			
ul1 li 標(biāo)簽 元素
		
		

			
ul2 li 標(biāo)簽 元素
			
ul2 li 標(biāo)簽 元素
		
	

效果圖：

行內(nèi)元素

特點(diǎn)：

1、和其他內(nèi)聯(lián)元素從左到右在一行顯示

2、不能直接控制寬度、高度以及盒子模型的相關(guān)css屬性，但是直接設(shè)置內(nèi)外邊距的左右值是可以的

3、內(nèi)聯(lián)元素的寬高是由本身內(nèi)容的大小決定（文字、圖片等）

4、內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素（此處請(qǐng)注意，不要在內(nèi)聯(lián)元素中嵌套塊級(jí)元素）

因?yàn)樗陨砭哂械倪@些特點(diǎn)，我們通常會(huì)使用行內(nèi)元素來(lái)進(jìn)行文字、小圖標(biāo)（小結(jié)構(gòu)）的搭建。

常用的行內(nèi)元素：

1、普通元素標(biāo)簽

span（常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊），a（錨點(diǎn)，鏈接），img（引入圖片），br（強(qiáng)制換行），sub（下標(biāo)），sup（上標(biāo)）

2、文本文字修飾標(biāo)簽

b（加粗），strong（加粗強(qiáng)調(diào)），i（斜體），em（斜體強(qiáng)調(diào)），，big（大字體文本），small（ 小字體文本），s（中劃線（不推薦使用）），strike（中劃線），del（文檔中已被刪除的文本），u（下劃線）

3、表單內(nèi)使用的標(biāo)簽元素

textarea（多行文本輸入框），input（輸入框），select（下拉列表），label input（元素定義標(biāo)注（標(biāo)記））

	
		
		
		
	
	
		span標(biāo)簽元素1
		span標(biāo)簽元素2
		
		
		
換一行看看文字效果，我是一段測(cè)試代碼，被b標(biāo)簽加粗。我是一段測(cè)試代碼，被i標(biāo)簽變成斜體。

效果圖：

行內(nèi)塊狀元素

特點(diǎn)：

1、和其他元素都在一行上，不會(huì)自動(dòng)換行，默認(rèn)排列方式為從左到右；

2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。

行內(nèi)塊狀元素綜合了行內(nèi)元素和塊狀元素的特點(diǎn)，但是各有取舍。因此行內(nèi)塊狀元素在日常的使用中，由于其特點(diǎn)，使用的次數(shù)也比較多，在很多方面都很有用。

感謝各位的閱讀！關(guān)于html的常用標(biāo)簽元素是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！