1.基本結(jié)構(gòu)：

為神木等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及神木網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、神木網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

//文件開(kāi)始標(biāo)志，表示網(wǎng)頁(yè)文檔的開(kāi)始
//文件頭，標(biāo)題，主題
............ //文件頭內(nèi)容
//網(wǎng)頁(yè)的編碼
//文件頭結(jié)束標(biāo)記
//文件主體開(kāi)始標(biāo)志
............. //文件主體內(nèi)容
//文件主體結(jié)束
//文件結(jié)束標(biāo)志
//注釋

2.HTML標(biāo)題標(biāo)簽

（1）

,

,

,

,

,

個(gè)人主頁(yè)

//字體由大到小，帶有間距

登錄

登錄

登錄

登錄

登錄

（2）

html基本結(jié)構(gòu)

???????超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。

“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。

超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。

//
：換行

10>5
  //大于小于，段落間有間距

10 > 5
10<5

標(biāo)簽定義一個(gè)文本段落，一個(gè)段落含有默認(rèn)的上下間距，段落之間會(huì)用這種默認(rèn)間距隔開(kāi)

3.語(yǔ)義標(biāo)簽

（1）

標(biāo)簽 塊元素，表示一塊內(nèi)容，沒(méi)有具體的語(yǔ)義。

???????超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。

“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。

超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容

       

    
div標(biāo)簽
    
    
超文本標(biāo)記語(yǔ)言


//
表示塊，塊與塊之間沒(méi)有間距，可以嵌套，而
不可以嵌套，

（2）標(biāo)簽 行內(nèi)元素，表示一行的一小段內(nèi)容，沒(méi)有具體的語(yǔ)義。

4.圖片標(biāo)簽

???????超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。

 //  ：能在
里的某一段設(shè)置一個(gè)樣式，本身不帶有樣式

（3）含樣式和語(yǔ)義的標(biāo)簽

標(biāo)簽行內(nèi)元素，表示語(yǔ)氣中的強(qiáng)調(diào)詞，斜體
行內(nèi)元素，表示專(zhuān)業(yè)詞匯，斜體
行內(nèi)元素，表示加粗，關(guān)鍵詞
行內(nèi)元素，表示非常重要的內(nèi)容，整體加粗

???????超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。

“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。

超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容

**（4）語(yǔ)義化的標(biāo)簽**

就是布局的時(shí)候多使用有語(yǔ)義的標(biāo)簽，搜索引擎在爬網(wǎng)的時(shí)候能認(rèn)識(shí)這些標(biāo)簽，如：h2表示標(biāo)題，p表示段落，ul,li表示列表，a表示鏈接，dl,dt,dd表示定義列表

（5）圖片標(biāo)簽

src屬性定義圖片的引用地址
alt屬性定義圖片加載失敗時(shí)顯示的文字，搜索引擎會(huì)使用這個(gè)文字收錄圖片、盲人讀屏軟件會(huì)使用

//相對(duì)路徑： ./表示當(dāng)前目錄，可以省略 ../表示上一級(jí)目錄
//絕對(duì)路徑：最好用相對(duì)路徑，在別的地方也可以用

5.HTML鏈接標(biāo)簽

（1）標(biāo)簽可以在網(wǎng)頁(yè)上定義一個(gè)鏈接地址，它的常用屬性有

href屬性 定義跳轉(zhuǎn)的地址

title屬性 定義鼠標(biāo)懸停時(shí)彈出的提示文字框

target屬性 定義鏈接窗口打開(kāi)的位置，target=“_self"缺省值，新頁(yè)面替換原來(lái)的頁(yè)面，在原來(lái)位置打開(kāi)，target="_blank"新頁(yè)面會(huì)在新開(kāi)的一個(gè)瀏覽器窗口打開(kāi)

主頁(yè) -


    































回到頂部

**6.HTML列表**

（1）有序列表：

//快捷寫(xiě)法：ol>li*3

（2）無(wú)序列表：

//快捷寫(xiě)法：ul>(li>a)*3

有序列表

    
html
    
css
    
javascript



    
騰訊NBA
    
騰訊視頻
    
豆瓣電影

（3）定義列表：通常用于術(shù)語(yǔ)的定義。

表示列表的整體，

表示術(shù)語(yǔ)的題目，

表示術(shù)語(yǔ)的解釋?zhuān)粋€(gè)dl可以有多高題目和解釋

html

負(fù)責(zé)頁(yè)面結(jié)構(gòu)

//首行縮進(jìn)

css

負(fù)責(zé)頁(yè)面表現(xiàn)

javascript

負(fù)責(zé)頁(yè)面行為

*//簡(jiǎn)寫(xiě)：dl>(dt+dd)3**

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文標(biāo)題：HTML文檔結(jié)構(gòu)-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/pipoo.html