這篇文章給大家分享的是有關(guān)html的內(nèi)聯(lián)元素和塊級(jí)元素有什么不同的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)建站是一家專業(yè)提供西鄉(xiāng)企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為西鄉(xiāng)眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
html標(biāo)簽分為兩種,內(nèi)聯(lián)元素和塊級(jí)元素,首先我們先了解一下內(nèi)聯(lián)元素和塊級(jí)元素的概念:
塊級(jí)元素:一般是其它元素的容器,可容納內(nèi)聯(lián)元素和其它塊級(jí)元素,塊級(jí)元素排斥其它元素與其位于同一行,可設(shè)置寬度(width)高度(height)屬性,正常流中的塊級(jí)元素會(huì)垂直擺放。常見塊狀元素為“div”
內(nèi)聯(lián)元素(行內(nèi)元素):內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素,是塊級(jí)元素的后代,它允許其他內(nèi)聯(lián)元素與其位于同一行,不能設(shè)置高度(height)和寬度(width)。常見內(nèi)聯(lián)元素為“a”。
根據(jù)塊級(jí)元素的概念我們可以理解為塊級(jí)元素前后帶有換行符,也就相當(dāng)于元素前后加了一個(gè)<br>標(biāo)簽。我們可以把塊級(jí)元素想象成一個(gè)塊或一個(gè)矩形,所以塊級(jí)元素能設(shè)置高度寬度屬性
例:
css文件:
#div1{
width:200px;
height:200px;
background:#666
}
div2{
width:200px;
height:200px;
background:#F00
}
html文件:
<divid="div1">
div1
塊級(jí)元素排斥其他元素與其位于同一行
</div>
<divid="div2">
div2
塊級(jí)元素排斥其他元素與其位于同一行
</div>
兩個(gè)div元素不位于同一行
根據(jù)內(nèi)聯(lián)元素的概念,我們可以理解為內(nèi)聯(lián)元素前后沒有換行符。我們可以把內(nèi)聯(lián)元素想象成一條線,所以它不能設(shè)置height屬性和width屬性。
塊級(jí)元素(blockelement)標(biāo)簽
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-水平分隔線
isindex-inputprompt
menu-菜單列表
noframes-frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
noscript-可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)
ol-排序表單
p-段落
pre-格式化文本
table-表格
ul-非排序列表
內(nèi)聯(lián)元素(inlineelement)
a-錨點(diǎn)
abbr-縮寫
acronym-首字
b-粗體(不推薦)
bdo-bidioverride
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-定義打字機(jī)文本
var-定義變量
感謝各位的閱讀!關(guān)于“html的內(nèi)聯(lián)元素和塊級(jí)元素有什么不同”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
分享標(biāo)題:html的內(nèi)聯(lián)元素和塊級(jí)元素有什么不同
URL分享:http://aaarwkj.com/article14/pjdege.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、App開發(fā)、網(wǎng)站策劃、全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站營(yíng)銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)