1.基本結構：

創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為德清企業(yè)提供專業(yè)的做網(wǎng)站、成都網(wǎng)站建設，德清網(wǎng)站改版等技術服務。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

2.HTML標題標簽

（1）

,

,

,

,

,

個人主頁

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

登錄

登錄

登錄

登錄

登錄

（2）

html基本結構

???????超文本標記語言，標準通用標記語言下的一個應用。

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

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

//
：換行

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

10 > 5
10<5

標簽定義一個文本段落，一個段落含有默認的上下間距，段落之間會用這種默認間距隔開

3.語義標簽

（1）

標簽 塊元素，表示一塊內(nèi)容，沒有具體的語義。

???????超文本標記語言，標準通用標記語言下的一個應用。

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

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

       

    
div標簽
    
    
超文本標記語言


//
表示塊，塊與塊之間沒有間距，可以嵌套，而
不可以嵌套，

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

4.圖片標簽

???????超文本標記語言，標準通用標記語言下的一個應用。

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

（3）含樣式和語義的標簽

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

???????超文本標記語言，標準通用標記語言下的一個應用。

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

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

**（4）語義化的標簽**

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

（5）圖片標簽

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

//相對路徑： ./表示當前目錄，可以省略 ../表示上一級目錄
//絕對路徑：最好用相對路徑，在別的地方也可以用

5.HTML鏈接標簽

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

href屬性 定義跳轉的地址

title屬性 定義鼠標懸停時彈出的提示文字框

target屬性 定義鏈接窗口打開的位置，target=“_self"缺省值，新頁面替換原來的頁面，在原來位置打開，target="_blank"新頁面會在新開的一個瀏覽器窗口打開

主頁 -


    































回到頂部

**6.HTML列表**

（1）有序列表：

//快捷寫法：ol>li*3

（2）無序列表：

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

有序列表

    
html
    
css
    
javascript



    
騰訊NBA
    
騰訊視頻
    
豆瓣電影

（3）定義列表：通常用于術語的定義。

表示列表的整體，

表示術語的題目，

表示術語的解釋，一個dl可以有多高題目和解釋

html

負責頁面結構

//首行縮進

css

負責頁面表現(xiàn)

javascript

負責頁面行為

*//簡寫：dl>(dt+dd)3**

網(wǎng)頁名稱：HTML文檔結構
標題路徑：http://weahome.cn/article/ipjchd.html