HTML中的塊級(jí)、行級(jí)元素,特殊字符,嵌套規(guī)則

如果介紹HTML網(wǎng)頁(yè)基本標(biāo)簽的嵌套規(guī)則,首先要說(shuō)的就是元素的分類(lèi)。元素可以劃分為塊級(jí)元素和行級(jí)元素,塊級(jí)元素是什么?它可以獨(dú)占一行,可以設(shè)置寬高度,默認(rèn)是100%;行級(jí)元素與之相反,它的內(nèi)容決定它的寬高度,至于特殊字符就當(dāng)成是文字來(lái)看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> HTML塊級(jí)、行級(jí)元素,特殊字符,嵌套規(guī)則</title> </head> <body> <!-- 塊元素:獨(dú)占一行,可以設(shè)置寬高、默認(rèn)寬度100% --> 塊元素分為文字類(lèi)和容器類(lèi) 文字類(lèi)塊元素:p、h1——h6 容器類(lèi)塊元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列) <!-- 行元素:不獨(dú)占一行,寬高度取決于內(nèi)容 --> 行元素:a img input strong em del span 特殊字符:文字 br   hr </body> </html>
嵌套規(guī)則總結(jié)如下幾點(diǎn):
1.塊元素可以嵌套行元素
2.行元素可以嵌套行元素
3.行元素不可以嵌套塊元素
4.文字類(lèi)塊元素不可以嵌套塊元素
5.容器類(lèi)塊元素可以嵌套塊元素
以下html網(wǎng)頁(yè)基本概念、html網(wǎng)頁(yè)基本結(jié)構(gòu)、HTML基礎(chǔ)標(biāo)簽圖片文本超鏈接列表表格介紹、html基本標(biāo)簽表單實(shí)現(xiàn)交互原理,單選框,復(fù)選框,下拉框介紹、網(wǎng)頁(yè)DIV+CSS布局與ifame傳統(tǒng)布局對(duì)比的相關(guān)博文就是HTML的全部部分了,HTML的學(xué)習(xí)主要是了解它的語(yǔ)義化嵌套規(guī)則來(lái)構(gòu)建頁(yè)面,至于頁(yè)面的CSS與交互邏輯JS則是下面要練習(xí)的內(nèi)容!
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇HTML5標(biāo)簽嵌套規(guī)則詳解【必看】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-26
- 這篇文章主要介紹了html標(biāo)簽的嵌套規(guī)則介紹,本文講解了塊級(jí)元素、內(nèi)嵌元素以及HTML 標(biāo)簽的嵌套規(guī)則等內(nèi)容,需要的朋友可以參考下2015-03-12
HTML標(biāo)簽嵌套規(guī)則詳細(xì)歸納適合新手朋友
一切的網(wǎng)頁(yè)可都是以HTML標(biāo)簽為基礎(chǔ),下面就詳細(xì)歸納一下HTML標(biāo)簽的嵌套規(guī)則吧,學(xué)習(xí)網(wǎng)頁(yè)的新手朋友們很有必要看看2014-09-15- XHTML 的標(biāo)簽有許多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我們?cè)谶\(yùn)用這些標(biāo)簽搭建頁(yè)面結(jié)構(gòu)的時(shí)候,是可以將它們無(wú)限嵌套的,但是,嵌套也2010-08-08