這篇文章主要介紹了html中的行內(nèi)元素和塊內(nèi)元素分別有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括陽城網(wǎng)站建設(shè)、陽城網(wǎng)站制作、陽城網(wǎng)頁制作以及陽城網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，陽城網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到陽城省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

HTML行內(nèi)元素（inlineelement）的特點(diǎn)：

行內(nèi)元素也叫內(nèi)聯(lián)元素或者內(nèi)嵌元素。行內(nèi)元素和其他元素都在一行上，高度、行高、內(nèi)邊距和外邊距都不可改變。寬度是它文字或者圖片的寬度，也是不可改變的。行內(nèi)元素只能容納文本或者其他行內(nèi)元素。

之前文章中講到的a,img,br是行內(nèi)元素。

塊級(jí)（block）元素的特點(diǎn)：

①總是在新行上開始；

②高度，行高以及外邊距和內(nèi)邊距都可控制；

③寬度缺省是它的容器的100%，除非設(shè)定一個(gè)寬度；

④它可以容納內(nèi)聯(lián)元素和其他塊元素。

內(nèi)聯(lián)（inline）元素的特點(diǎn)：

①和其他元素都在一行上；

②高，行高及外邊距和內(nèi)邊距不可改變；

③寬度就是它的文字或圖片的寬度，不可改變；

④內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素。

關(guān)于行內(nèi)元素和塊狀元素的說明：

根據(jù)CSS規(guī)范的規(guī)定，每一個(gè)網(wǎng)頁元素都有一個(gè)display屬性，用于確定該元素的類型，每一個(gè)元素都有默認(rèn)的display屬性值，比如div元素，它的默認(rèn)display屬性值為“block”，成為“塊級(jí)”元素(block-level)；而span元素的默認(rèn)display屬性值為“inline”，稱為“行內(nèi)”元素。div這樣的塊級(jí)元素，就會(huì)自動(dòng)占據(jù)一定矩形空間，可以通過設(shè)置高度、寬度、內(nèi)外邊距等屬性，來調(diào)整的這個(gè)矩形的樣子；與之相反，像“span”“a”這樣的行內(nèi)元素，則沒有自己的獨(dú)立空間，它是依附于其他塊級(jí)元素存在的，因此，對(duì)行內(nèi)元素設(shè)置高度、寬度、內(nèi)外邊距等屬性，都是無效的。

行內(nèi)、塊狀元素區(qū)別：

(1).塊級(jí)元素會(huì)獨(dú)占一行，其寬度自動(dòng)填滿其父元素寬度

行內(nèi)元素不會(huì)獨(dú)占一行，相鄰的行內(nèi)元素會(huì)排列在同一行里，知道一行排不下，才會(huì)換行，其寬度隨元素的內(nèi)容而變化

(2).一般情況下，塊級(jí)元素可以設(shè)置width,height屬性，行內(nèi)元素設(shè)置width,height無效

(注意：塊級(jí)元素即使設(shè)置了寬度，仍然是獨(dú)占一行的)

(3).塊級(jí)元素可以設(shè)置margin和padding.行內(nèi)元素的水平方向的padding-left,padding-right,margin-left,margin-right都產(chǎn)生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會(huì)產(chǎn)生邊距效果。（水平方向有效，豎直方向無效）

行元素和塊元素分別有哪些：

塊元素(blockelement)

address-地址

blockquote-塊引用

center-舉中對(duì)齊塊

dir-目錄列表

div-常用塊級(jí)容易，也是csslayout的主要標(biāo)簽

dl-定義列表

fieldset-form控制組

form-交互表單

h2-大標(biāo)題

h3-副標(biāo)題

h4-3級(jí)標(biāo)題

h5-4級(jí)標(biāo)題

h6-5級(jí)標(biāo)題

h7-6級(jí)標(biāo)題

hr-水平分隔線

menu-菜單列表

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

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

ol-排序表單

p-段落

pre-格式化文本

able-表格

ul-非排序列表

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

a-錨點(diǎn)

abbr-縮寫

acronym-首字

b-粗體(不推薦)

big-大字體

br-換行

cite-引用

code-計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)

dfn-定義字段

em-強(qiáng)調(diào)

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

i-斜體

img-圖片

input-輸入框

kbd-定義鍵盤文本

label-表格標(biāo)簽

q-短引用

s-中劃線(不推薦)

samp-定義范例計(jì)算機(jī)代碼

select-項(xiàng)目選擇

small-小字體文本

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

strike-中劃線

strong-粗體強(qiáng)調(diào)

sub-下標(biāo)

sup-上標(biāo)

textarea-多行文本輸入框

tt-電傳文本

u-下劃線

var-定義變量

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html中的行內(nèi)元素和塊內(nèi)元素分別有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!