簡(jiǎn)述一個(gè)完整的html代碼架構(gòu)？lt!DOCTYPEhtmlgtlthtmlgtltheadgtltmetacharsetutf-8gtlttitlegt網(wǎng)頁(yè)標(biāo)題lt/titlegtltstylegt

簡(jiǎn)述一個(gè)完整的html代碼架構(gòu)？

lt!DOCTYPEhtmlgt

lthtmlgt

ltheadgt

ltmetacharsetutf-8gt

lttitlegt網(wǎng)頁(yè)標(biāo)題lt/titlegt

ltstylegt

lt/stylegt

lt/headgt

ltbodygt

lt/bodygt

lt/htmlgt

那說(shuō)明：

HTML文檔首先要聲明一個(gè)文檔類(lèi)型,也就是上面例子第一行,定義方法了XHTML1.1文檔類(lèi)型(文檔類(lèi)型是目的是只能說(shuō)明這個(gè)頁(yè)面建議使用了某種HTML規(guī)則，或是結(jié)構(gòu)。

lthtmlgt和lt/htmlgt是HTML文檔的正在與結(jié)束后,也是HTML文檔的根元素。

除了文檔類(lèi)型外的所有頁(yè)面內(nèi)容，都包括在html元素。

HTML文件中主要注意兩類(lèi)頭信息head與內(nèi)容信息body。

文檔head信息：

頭信息head可以不空間內(nèi)文檔的HTML具體信息,比如標(biāo)題title，頁(yè)面的語(yǔ)言與文字類(lèi)型，css樣式，javascript代碼，簡(jiǎn)短的話描述，關(guān)鍵詞等內(nèi)容，是用戶沒(méi)能就看見(jiàn)了的。

文檔body信息：

內(nèi)容信息body除開(kāi)用戶可以清晰的看到的全部?jī)?nèi)容，比如說(shuō)段落，鏈接，表格等。

編寫(xiě)代碼時(shí)你必須有層次感,head標(biāo)簽和body標(biāo)簽全是在html標(biāo)簽中的,因此我向側(cè)面挫了一個(gè)tab鍵的距離,而HTML頭信息又比head標(biāo)簽后挫了一個(gè)tab鍵的距離

上面就是html最基本的架構(gòu)。

hbuilder怎么把css寫(xiě)到html里？

hbuilder僅僅開(kāi)發(fā)工具，和別的開(kāi)發(fā)工具一樣，怎么把css不寫(xiě)html里，有4種方法：

1、行內(nèi)樣式

行內(nèi)樣式那就是把CSS樣式再放在代碼行內(nèi)的標(biāo)簽中，好象都是盛有標(biāo)簽的style屬性中，而行內(nèi)樣式再插入到標(biāo)簽中，故是最直接的一種，同樣的又是如何修改最不大方便的樣式。

【示例1】根據(jù)段落、h2標(biāo)簽、em標(biāo)簽、strong標(biāo)簽包括div標(biāo)簽，三個(gè)應(yīng)用到CSS行內(nèi)樣式。

!doctypehtml

html

head

metacharsetutf-8

title行內(nèi)樣式/title

/head

body

pstylebackground-color:#999900行內(nèi)元素，再控制段落-1/p

h2stylebackground-color:#FF6633行內(nèi)元素，h2標(biāo)題元素/h2

pstylebackground-color:#999900行內(nèi)元素，再控制段落-2/p

strongstylefont-size:30px;行內(nèi)元素，strong比em效果都要強(qiáng)/strong

divstylebackground-color:#66CC99;color:#993300;height:30px;line-height:30px;

行內(nèi)元素，div塊級(jí)元素/div

emstylefont-size:2em;行內(nèi)元素，em特別強(qiáng)調(diào)/em

/body

/html2、內(nèi)嵌式

內(nèi)嵌式將CSS寫(xiě)在網(wǎng)頁(yè)源文件的頭部，即在head和head之間，建議使用HTML標(biāo)簽中的style標(biāo)簽將其團(tuán)團(tuán)包圍，其特點(diǎn)是該樣式只有在此頁(yè)在用，能解決行內(nèi)樣式多次寫(xiě)就的弊端。

【示例2】為段落可以設(shè)置內(nèi)嵌式樣式書(shū)寫(xiě)方法，增加代碼量。

!doctypehtml

html

head

metacharsetutf-8

title內(nèi)嵌式/title

styletypetext/css

p{

text-align:left;/*文本左對(duì)齊*/

font-size:18px;/*字體大小18像素*/

line-height:25px;/*行高25像素*/

text-indent:2em;/*首行縮起2個(gè)文字大小空間*/

width:500px;/*段落寬度500像素*/

margin:0auto;/*瀏覽器下左面*/

margin-bottom:20px;/*段落下邊距20像素*/

}

/style

/head

body

p這是一個(gè)文本段落，這是一個(gè)文本段落，這是一個(gè)文本段落。/p

/body

/html3、鏈接式

鏈接式的link標(biāo)簽，將外部樣式表文件鏈接到HTML文檔中，這也是網(wǎng)絡(luò)上網(wǎng)站應(yīng)用最少的，同時(shí)都是最實(shí)用的。這種方法將HTML文檔和CSS文件幾乎只是分離，利用結(jié)構(gòu)層和它表示層的徹底只是分離，增強(qiáng)網(wǎng)頁(yè)結(jié)構(gòu)的擴(kuò)展性和CSS樣式的可維護(hù)性。

4、導(dǎo)入樣式

導(dǎo)入樣式建議使用@import命令再導(dǎo)入外部樣式表。導(dǎo)入樣式有6種書(shū)寫(xiě)

daoru.css;

daomxss;

daoru.css;

url(daoru.css);

url(daoru.css);

url(daoru.css);

以上是css怎么嵌入html？的詳細(xì)點(diǎn)內(nèi)容。