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

創新互聯建站是一家專業提供西鄉企業網站建設,專注與成都網站設計、成都做網站、外貿網站建設、HTML5建站、小程序制作等業務。10年已為西鄉眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

html標簽分為兩種，內聯元素和塊級元素，首先我們先了解一下內聯元素和塊級元素的概念：

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

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

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

例：

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元素不位于同一行

根據內聯元素的概念，我們可以理解為內聯元素前后沒有換行符。我們可以把內聯元素想象成一條線，所以它不能設置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可選內容，（對于不支持frame的瀏覽器顯示此區塊內容

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

ol-排序表單

p-段落

pre-格式化文本

table-表格

ul-非排序列表

內聯元素(inlineelement)

a-錨點

abbr-縮寫

acronym-首字

b-粗體(不推薦)

bdo-bidioverride

big-大字體

br-換行

cite-引用

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

dfn-定義字段

em-強調

font-字體設定(不推薦)

i-斜體

img-圖片

input-輸入框

kbd-定義鍵盤文本

label-表格標簽

q-短引用

s-中劃線

samp-定義范例計算機代碼

select-項目選擇

small-小字體文本

span-常用內聯容器，定義文本內區塊

strike-中劃線

strong-粗體強調

sub-下標

sup-上標

textarea-多行文本輸入框

tt-定義打字機文本

var-定義變量

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

分享標題：html的內聯元素和塊級元素有什么不同
URL分享：http://m.newbst.com/article14/pjdege.html

成都網站建設公司_創新互聯，為您提供網站改版、App開發、網站策劃、全網營銷推廣、網站設計公司、網站營銷

廣告

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