這篇文章給大家分享的是有關(guān)html的內(nèi)聯(lián)元素和塊級元素有什么不同的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站是一家專業(yè)提供西鄉(xiāng)企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為西鄉(xiāng)眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。

html標簽分為兩種，內(nèi)聯(lián)元素和塊級元素，首先我們先了解一下內(nèi)聯(lián)元素和塊級元素的概念：

塊級元素：一般是其它元素的容器，可容納內(nèi)聯(lián)元素和其它塊級元素，塊級元素排斥其它元素與其位于同一行，可設(shè)置寬度(width)高度(height)屬性，正常流中的塊級元素會垂直擺放。常見塊狀元素為“div”

內(nèi)聯(lián)元素（行內(nèi)元素）：內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素，是塊級元素的后代，它允許其他內(nèi)聯(lián)元素與其位于同一行，不能設(shè)置高度（height）和寬度（width）。常見內(nèi)聯(lián)元素為“a”。

根據(jù)塊級元素的概念我們可以理解為塊級元素前后帶有換行符，也就相當于元素前后加了一個<br>標簽。我們可以把塊級元素想象成一個塊或一個矩形，所以塊級元素能設(shè)置高度寬度屬性

例：

css文件:

#div1{

width:200px;

height:200px;

background:#666

}

div2{

width:200px;

height:200px;

background:#F00

}

html文件：

<divid="div1">

div1

塊級元素排斥其他元素與其位于同一行

</div>

<divid="div2">

div2

塊級元素排斥其他元素與其位于同一行

</div>

兩個div元素不位于同一行

根據(jù)內(nèi)聯(lián)元素的概念，我們可以理解為內(nèi)聯(lián)元素前后沒有換行符。我們可以把內(nèi)聯(lián)元素想象成一條線，所以它不能設(shè)置height屬性和width屬性。

塊級元素（blockelement）標簽

address-地址

blockquote-塊引用

center&ndash;居中對齊

dir-目錄列表

div-常用塊級容易，也是CSSlayout的主要標簽

dl-定義列表

fieldset-form控制組

form-交互表單

h2-大標題

h3-副標題

h4-3級標題

h5-4級標題

h6-5級標題

h7-6級標題

hr-水平分隔線

isindex-inputprompt

menu-菜單列表

noframes-frames可選內(nèi)容，（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容

noscript-可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）

ol-排序表單

p-段落

pre-格式化文本

table-表格

ul-非排序列表

內(nèi)聯(lián)元素(inlineelement)

a-錨點

abbr-縮寫

acronym-首字

b-粗體(不推薦)

bdo-bidioverride

big-大字體

br-換行

cite-引用

code-計算機代碼(在引用源碼的時候需要)

dfn-定義字段

em-強調(diào)

font-字體設(shè)定(不推薦)

i-斜體

img-圖片

input-輸入框

kbd-定義鍵盤文本

label-表格標簽

q-短引用

s-中劃線

samp-定義范例計算機代碼

select-項目選擇

small-小字體文本

span-常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊

strike-中劃線

strong-粗體強調(diào)

sub-下標

sup-上標

textarea-多行文本輸入框

tt-定義打字機文本

var-定義變量

感謝各位的閱讀！關(guān)于“html的內(nèi)聯(lián)元素和塊級元素有什么不同”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享標題：html的內(nèi)聯(lián)元素和塊級元素有什么不同
URL分享：http://www.yijiale78.com/article14/pjdege.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、App開發(fā)、網(wǎng)站策劃、全網(wǎng)營銷推廣、網(wǎng)站設(shè)計公司、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)