摘要：要養(yǎng)成良好的編寫注釋習(xí)慣。十六進(jìn)制滿進(jìn)只能用標(biāo)志使用分別表示八進(jìn)制滿進(jìn)。。。。字符集編碼和解碼所采用的規(guī)則，我們稱為為字符集產(chǎn)生亂碼原因編碼和解碼采用的字符集不同。如果同時(shí)制定寬度和高度，圖像比例會(huì)發(fā)生變化。

什么是HTML？

1. HTML:超文本標(biāo)記語(yǔ)言。
2. 所謂超文本也就是超鏈接,可以讓我們從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。

HTML基本格式

                              
                              
              
    
    
    
        
Hello World
    

html：

1. 根標(biāo)簽:只有一個(gè)（網(wǎng)頁(yè)所有內(nèi)容都應(yīng)該寫在根標(biāo)簽里面）

head:

1. 子標(biāo)簽：用來(lái)設(shè)置頭部?jī)?nèi)容

body:

1. 子標(biāo)簽:網(wǎng)頁(yè)主體,所有要顯示的內(nèi)容放這里面

title：

1. 網(wǎng)頁(yè)的標(biāo)題標(biāo)簽，也就是網(wǎng)頁(yè)顯示名字。
2. 搜索引擎檢索頁(yè)面時(shí)，會(huì)首先檢索titlte中的內(nèi)容。
3. 元素：一個(gè)完整的標(biāo)簽<>
4. 標(biāo)簽<>

HTML后綴名

1. 將編寫好的文件保存為.html網(wǎng)頁(yè)格式文件

2. 顯示文件格式名

HTML注釋

<！-- 這是一個(gè)注釋的格式，可以直接換行
     繼續(xù)寫注釋。
 -->

1. 注釋中的內(nèi)容，不會(huì)顯示在頁(yè)面。
2. 可以寫注釋來(lái)對(duì)代碼進(jìn)行描述，便于后期的維護(hù)。要養(yǎng)成良好的編寫注釋習(xí)慣。

標(biāo)簽屬性

    
        
    
    
    
        
Hello World ！
        
    

顯示效果：

1. 屬性只能在開始標(biāo)簽中設(shè)置
2. 屬性名 ="屬性值"
3. 怎么知道有哪些屬性，可以參考W3C

文檔申明

1. 主要用于申明網(wǎng)頁(yè)版本最新為html5

2. html5的文檔申明，申明當(dāng)前的網(wǎng)頁(yè)是按照HTML5頁(yè)標(biāo)準(zhǔn)編寫的一定要放在網(wǎng)頁(yè)的最上邊，不申明，則會(huì)導(dǎo)致有些瀏覽器有些頁(yè)面無(wú)法正常顯示，所以為了避免，一定要寫文檔申明.

   
   
    
        
    
   
    
        
   Hello World ！
        
        
   怎么知道有哪些屬性？
        
   可以參考W3C
    
   

進(jìn)制

二進(jìn)制

? 滿2進(jìn)1

? 0 1 。。。。

十進(jìn)制

? 滿10進(jìn)1

? 0 1 2 3 4 5 6 7 8 9 10 11 12 。。。。

十六進(jìn)制

? 滿16進(jìn)1

? 只能用10 11 12 13 14 15標(biāo)志

? 使用a b c d e f 分別表示10 11 12 13 14 15

? 0--f

八進(jìn)制

? 滿8進(jìn)1

? 0 1 2 3 4 5 6 7 10 11 12 13 。。。。

常用十進(jìn)制、二進(jìn)制、十六進(jìn)制

亂碼問(wèn)題

用PC自帶記事本可以寫html，但是效率不高。

常用html編寫工具：

Sublime、notepad++等等

1. 在計(jì)算機(jī)中保存的任何內(nèi)容，都需要轉(zhuǎn)為為0 1這種二進(jìn)制來(lái)保存，包括在讀取內(nèi)容時(shí)，需要將二進(jìn)制彪馬，在轉(zhuǎn)換為正確的內(nèi)容。
2. 編碼： 一句一定的規(guī)則，將字符轉(zhuǎn)換為二進(jìn)制編碼的過(guò)程。
3. 解碼：一句一定的規(guī)則，將二進(jìn)制編碼轉(zhuǎn)換為字符的過(guò)程。
4. 字符集：編碼和解碼所采用的規(guī)則，我們稱為為字符集
5. 產(chǎn)生亂碼原因：編碼和解碼采用的字符集不同。
6. 常用字符集：ASCII（最早）、IOS-8859-1、GBK（英文）、GB2312（中文）、UTF-8(萬(wàn)國(guó)碼)

注意：中文系統(tǒng)瀏覽器，默認(rèn)使用的是GBK進(jìn)行解碼

設(shè)置網(wǎng)頁(yè)編碼字符集

meta:用來(lái)這是網(wǎng)頁(yè)的一些元數(shù)據(jù)，比如網(wǎng)頁(yè)的字符集、關(guān)鍵字、簡(jiǎn)介

meta：是單標(biāo)簽

    
        
        
    
    
    
        
Hello World ！
        
        
怎么知道有哪些屬性？
        
可以參考W3C
    

ANSI:自動(dòng)編碼

我們使用都是UTF-8

標(biāo)題標(biāo)簽

        
標(biāo)題標(biāo)簽
        
標(biāo)題標(biāo)簽
        
標(biāo)題標(biāo)簽
        
標(biāo)題標(biāo)簽
        
標(biāo)題標(biāo)簽
        
標(biāo)題標(biāo)簽

使用HTML標(biāo)簽時(shí)，關(guān)心的是標(biāo)簽的語(yǔ)義，我們使用的標(biāo)簽時(shí)語(yǔ)義化標(biāo)簽，所有表現(xiàn)都使用CSS來(lái)設(shè)置。

h1:對(duì)搜索引擎，重要性僅次于title標(biāo)簽

h1：非常重要，為影響搜索引擎中的排名

頁(yè)面中只能寫一個(gè)h1

一般只使用h1h2h3

段落標(biāo)簽

用于表示內(nèi)容的一個(gè)自然段

使用P標(biāo)簽

我的一個(gè)p段落標(biāo)簽

p標(biāo)簽?zāi)J(rèn)會(huì)占一行，端與端之間有間距

表現(xiàn)的都用css，html不關(guān)心

html都是語(yǔ)義標(biāo)簽

換行標(biāo)簽

空格：

      空格

換行標(biāo)簽

     換行，是一個(gè)單標(biāo)簽（自結(jié)束標(biāo)簽）

橫線

    水平線，是一個(gè)自結(jié)束標(biāo)簽

實(shí)體(特殊元素)

特殊字符（實(shí)體）

<；    小于
>     大于

版權(quán)

©    版權(quán)

參考W3c實(shí)體

圖片

支持圖片格式：jpeg、gif、png

jpeg不支持透明，常用于保存圖片顏色豐富的圖片

gif支持的顏色少，支持動(dòng)態(tài)圖。支持簡(jiǎn)單透明。圖片顏色單一用gif。

png支持的顏色多，并且支持復(fù)雜透明，可以用來(lái)顯示顏色復(fù)雜的透明圖片。

實(shí)際開發(fā)中常用png多一點(diǎn)。

圖片使用原則：

? 效果不一致，使用效果好的，

想過(guò)一致，使用小的。

alt“圖片不能顯示時(shí)，才顯示。百度搜索只識(shí)別alt

只設(shè)置width或height時(shí)，高度或?qū)挾螘?huì)按比例自動(dòng)變化。如果同時(shí)制定寬度和高度，圖像比例會(huì)發(fā)生變化。

路徑問(wèn)題

一般使用相對(duì)路徑：

返回上級(jí)目錄

../     訪問(wèn)上級(jí)目錄

絕對(duì)路徑：直接在目錄下面全路徑

mate標(biāo)簽

    
        
        
        
        
    
    
    
        百度一下
          
        淘寶
          
        京東
        
        

        
        
        
        
            a < b
            

            c > d
            

            ©鄧凌
    

name:名字

content:內(nèi)容

1. 使用meta標(biāo)簽還可以用來(lái)設(shè)置網(wǎng)頁(yè)的關(guān)鍵詞

2. 還可以用來(lái)制定網(wǎng)頁(yè)的描述，搜索引擎在檢索頁(yè)面時(shí)，會(huì)同時(shí)檢索頁(yè)面中的關(guān)鍵詞和描述，但是這兩個(gè)值不會(huì)影響頁(yè)面在搜索引擎中的排名

3. 可以用來(lái)做請(qǐng)求的重定向

   content:

   ? 5:時(shí)間秒數(shù)

   ? url：重定向連接地址

HTML語(yǔ)法規(guī)范

XHTML：語(yǔ)法相對(duì)更嚴(yán)格

1. HTML中不區(qū)分大小寫的，但是我們一般都使用小寫。有些情況還是使用大寫。
2. HTML中注釋不能嵌套。
3. HTML標(biāo)簽必須結(jié)構(gòu)完整，要么成對(duì)出現(xiàn)，要么自結(jié)束標(biāo)簽。
4. HTML標(biāo)簽可以嵌套，不能交叉嵌套。
5. HTML標(biāo)簽中的屬性必須有值，且必須加引號(hào)。

內(nèi)聯(lián)框架（用得不多）

一個(gè)頁(yè)面引入另一個(gè)外部頁(yè)面

屬性：

1. src：只想一個(gè)外面頁(yè)面的相對(duì)路徑

現(xiàn)實(shí)開發(fā)中不推薦使用，因?yàn)閮?nèi)聯(lián)框架中網(wǎng)頁(yè)，搜索引擎不會(huì)搜

1. width：
2. height：
3. name：可以為內(nèi)聯(lián)框架制定一個(gè)name屬性，通過(guò)該名字使用超鏈接標(biāo)簽時(shí)，可以將跳轉(zhuǎn)頁(yè)面顯示在內(nèi)聯(lián)框架中。

超鏈接

使用超鏈接可以一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面

代碼：

百度一下

1. href: 指向連接跳轉(zhuǎn)的目標(biāo)地址，可以寫一個(gè)相對(duì)路徑也可以寫一個(gè)絕對(duì)路徑。

2. 默認(rèn)訪問(wèn)過(guò)的連接和沒(méi)有訪問(wèn)過(guò)的連接，顏色有區(qū)別。

3. 如果href值設(shè)置為#,連接會(huì)回到頂部，設(shè)置為#id值，就回到那。

   回到底部
   
   回到頂部
   我會(huì)居中顯示哦

4. 聯(lián)系我們，自動(dòng)打開發(fā)送郵件應(yīng)用程序。

   設(shè)置href值為mailto:郵件地址

   聯(lián)系我們

   沒(méi)有郵件應(yīng)用程序，就不會(huì)打開，有會(huì)自動(dòng)填充發(fā)送人郵箱地址。

5. target： 設(shè)置在哪里打開連接（默認(rèn)值為_self)

   ? _blan: 在新頁(yè)面中打開連接。

   ? _self: 在當(dāng)前窗口中打開。

        

            
主頁(yè)
            
公司簡(jiǎn)介
            
產(chǎn)品介紹
            
聯(lián)系方式
        
        

居中標(biāo)簽

我會(huì)居中顯示哦

center內(nèi)容居中，不贊成使用，表現(xiàn)形式的最后都使用css來(lái)實(shí)現(xiàn)。

ID屬性

所有標(biāo)簽都可以使用id屬性，用于標(biāo)志標(biāo)簽，id不能數(shù)字開頭，不能重復(fù)。

使用如:

? 超鏈接回到底部。