簡述一個完整的html代碼架構？lt!DOCTYPEhtmlgtlthtmlgtltheadgtltmetacharsetutf-8gtlttitlegt網頁標題lt/titlegtltstylegt

簡述一個完整的html代碼架構？

lt!DOCTYPEhtmlgt

lthtmlgt

ltheadgt

ltmetacharsetutf-8gt

lttitlegt網頁標題lt/titlegt

ltstylegt

lt/stylegt

lt/headgt

ltbodygt

lt/bodygt

lt/htmlgt

那說明：

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

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

除了文檔類型外的所有頁面內容，都包括在html元素。

HTML文件中主要注意兩類頭信息head與內容信息body。

文檔head信息：

頭信息head可以不空間內文檔的HTML具體信息,比如標題title，頁面的語言與文字類型，css樣式，javascript代碼，簡短的話描述，關鍵詞等內容，是用戶沒能就看見了的。

文檔body信息：

內容信息body除開用戶可以清晰的看到的全部內容，比如說段落，鏈接，表格等。

編寫代碼時你必須有層次感,head標簽和body標簽全是在html標簽中的,因此我向側面挫了一個tab鍵的距離,而HTML頭信息又比head標簽后挫了一個tab鍵的距離

上面就是html最基本的架構。

hbuilder怎么把css寫到html里？

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

1、行內樣式

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

【示例1】根據段落、h2標簽、em標簽、strong標簽包括div標簽，三個應用到CSS行內樣式。

!doctypehtml

html

head

metacharsetutf-8

title行內樣式/title

/head

body

pstylebackground-color:#999900行內元素，再控制段落-1/p

h2stylebackground-color:#FF6633行內元素，h2標題元素/h2

pstylebackground-color:#999900行內元素，再控制段落-2/p

strongstylefont-size:30px;行內元素，strong比em效果都要強/strong

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

行內元素，div塊級元素/div

emstylefont-size:2em;行內元素，em特別強調/em

/body

/html2、內嵌式

內嵌式將CSS寫在網頁源文件的頭部，即在head和head之間，建議使用HTML標簽中的style標簽將其團團包圍，其特點是該樣式只有在此頁在用，能解決行內樣式多次寫就的弊端。

【示例2】為段落可以設置內嵌式樣式書寫方法，增加代碼量。

!doctypehtml

html

head

metacharsetutf-8

title內嵌式/title

styletypetext/css

p{

text-align:left;/*文本左對齊*/

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

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

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

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

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

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

}

/style

/head

body

p這是一個文本段落，這是一個文本段落，這是一個文本段落。/p

/body

/html3、鏈接式

鏈接式的link標簽，將外部樣式表文件鏈接到HTML文檔中，這也是網絡上網站應用最少的，同時都是最實用的。這種方法將HTML文檔和CSS文件幾乎只是分離，利用結構層和它表示層的徹底只是分離，增強網頁結構的擴展性和CSS樣式的可維護性。

4、導入樣式

導入樣式建議使用@import命令再導入外部樣式表。導入樣式有6種書寫

daoru.css;

daomxss;

daoru.css;

url(daoru.css);

url(daoru.css);

url(daoru.css);

以上是css怎么嵌入html？的詳細點內容。