html的內(nèi)聯(lián)元素和塊級元素有什么不同

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

　　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ù)塊級元素的概念我們可以理解為塊級元素前后帶有換行符，也就相當(dāng)于元素前后加了一個<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)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！