復(fù)習(xí)上章最基本HTML頁面格式：
一.進(jìn)制的簡介
進(jìn)制：幾進(jìn)制就是滿幾進(jìn)一
常用：二進(jìn)制倚聚、十進(jìn)制、十六進(jìn)制凿可、八進(jìn)制
二.亂碼的問題
亂碼出現(xiàn)原因：1.計(jì)算機(jī)非常笨惑折，他只認(rèn)識兩個(gè)東西0 1 授账。2.計(jì)算機(jī)保存任何內(nèi)容，最終都需要轉(zhuǎn)換為0 1這種二進(jìn)制編碼來保存惨驶，包括網(wǎng)頁中的內(nèi)容白热。3.產(chǎn)生亂碼的根本原因是，編碼和亂碼采用的字符集不同粗卜。
因此 屋确，需要編碼和解碼。
編碼：依據(jù)一定的規(guī)則续扔，將字符轉(zhuǎn)換為二進(jìn)制編碼的過程攻臀。
解碼：依據(jù)一定的規(guī)定，將二進(jìn)制編碼轉(zhuǎn)換為字符的過程纱昧。
字符集：編碼和解碼所采用的規(guī)則刨啸，稱為字符集。
常見字符集：ASCII 识脆、ISO-8859-1 设联、GBK 、GB2312（中文系統(tǒng)的默認(rèn)編碼） 存璃、UTF-8（萬國碼）仑荐、ANSI（自動以系統(tǒng)的默認(rèn)編碼來保存文件）
在中文系統(tǒng)的瀏覽器雕拼，默認(rèn)都是使用GB2312進(jìn)行解碼的纵东。
以此需要在代碼工具中告訴瀏覽器所采用的編碼字符集，加入元數(shù)據(jù)標(biāo)簽
元數(shù)據(jù)標(biāo)簽格式：<meta charset="utf=8" />
meta標(biāo)簽用來設(shè)置網(wǎng)頁的一些元數(shù)據(jù)啥寇，比如網(wǎng)頁的字符集偎球，關(guān)鍵字、簡介
meta是一個(gè)自結(jié)束標(biāo)簽辑甜，編寫一個(gè)自結(jié)束標(biāo)簽時(shí)衰絮，可以在開始標(biāo)簽中添加 一個(gè) /
三.常用標(biāo)簽
標(biāo)題標(biāo)簽 : <h1></h1> ; 在html中，一共有六級標(biāo)題標(biāo)簽磷醋。在顯示效果上猫牡，h1最大，h6最小邓线，但是文字的大小我們并不關(guān)心淌友。使用HTML標(biāo)簽時(shí)，關(guān)心的是標(biāo)簽的語義骇陈，我們使用的標(biāo)簽都是語義化標(biāo)簽震庭。因此，在六級標(biāo)簽中你雌，h1最重要器联，是網(wǎng)頁中主要內(nèi)容，h2-h6重要性依次降低。
對于搜索引擎來說拨拓，h1的重要性僅次于title肴颊，索索引擎檢索完title，會立即查看h1中的內(nèi)容渣磷。h1標(biāo)簽非常重要苫昌，它會影響頁面在搜索引擎中的排名，但多了也不可以引擎會無效處理幸海，所以祟身，頁面中只能寫一個(gè)h1。一般頁面中標(biāo)題標(biāo)簽只是用h1 h2 h3 以后基本不使用
段落標(biāo)簽：<p></p> ; 段落標(biāo)簽用于標(biāo)示內(nèi)容中的一個(gè)自然段物独，使用p標(biāo)簽來表示一個(gè)段落袜硫。p標(biāo)簽中的文字，默認(rèn)會獨(dú)占一行挡篓，并且段與段之間會有一個(gè)間距婉陷。
換行標(biāo)簽：<br /> ；是一個(gè)自結(jié)束標(biāo)簽
水平線標(biāo)簽：<hr /> ; 是一個(gè)自結(jié)束標(biāo)簽
四官研、實(shí)體
在html中秽澳，一些如< >這種特殊字符是不能直接使用，需要使用一些特殊的字符來表示這些特殊字符戏羽，這些字符稱為實(shí)體（轉(zhuǎn)義字符串）担神。瀏覽器解析到實(shí)體時(shí)，會自動將實(shí)體轉(zhuǎn)換為其對應(yīng)的字符始花。
實(shí)體的語法：&實(shí)體的名字妄讯；
"< >"? :? <； >酷宵；
?空格 ： 饺藤；??
版權(quán)符號 ：?©卤档；
更多實(shí)體符號在W3School的字符實(shí)體里查看更多實(shí)體
例如：”<”? <谬盐；“>” %gt;
若兆沙，a<b>c? 則，a<b>a
例如男韧，我很? ? ? ? ? 快樂
則朴摊，我很 ； 煌抒； 仍劈；快樂
五.圖片標(biāo)簽
使用img標(biāo)簽來向網(wǎng)頁總引入一個(gè)外部圖片
img標(biāo)簽也是一個(gè)自結(jié)束標(biāo)簽
img里的屬性：?
src ： 設(shè)置一個(gè)外部圖片的路徑
alt :? ? 可以用來設(shè)置在圖片不能顯示時(shí)，對圖片的描述寡壮，搜索引擎可以通過alt識別不同的圖片贩疙。如果不寫alt屬性讹弯，則搜索引擎不會對img中的圖片進(jìn)行收錄
width ：可以用來修改圖片寬度，一般使用px作為單位
height ：可以用來修改圖片的高度这溅，一般使用px作為單位
當(dāng)寬度和高度兩個(gè)屬性如果指設(shè)置一個(gè)组民，另一個(gè)也會同時(shí)等比調(diào)整大小
如果兩個(gè)值同時(shí)制定，則按照你制定的值來設(shè)置悲靴，但一般開發(fā)中除了自適應(yīng)頁面臭胜，建議設(shè)置width和height
<img src="1.gif"? alt=“這是一個(gè)圖片” width=“200px” />
img的路徑：
src屬性配置的是圖片的路徑，目前我們所要使用的路徑全都是相對路徑癞尚。
相對路徑耸三，指相對于當(dāng)前資源所在目錄的的位置。
可以使用../來返回一級目錄浇揩，返回幾級目錄就寫幾個(gè)../
例如仪壮，圖片（1.jpg）和html（demo02）一起保存在同一個(gè)文件夾（abc）里
則，<img src="1.jpg" alt="這是一只草泥馬">
注意８旎铡积锅！“1.jpg”的意思是：相對于demo02文件下的1.jpg。
例如养盗，圖片和html（demo02）一起保存在一個(gè)文檔（abc）里缚陷，且圖片（1.jpg）子文檔（ddd）中
則，<img src=“ddd/1.gif” alt=“這是一只草泥馬” >
img的格式的
常見圖片格式：
jpeg?：圖片支持的顏色比較多往核，圖片可以壓縮箫爷，但是不支持透明。一般使用jpeg來保存照片等顏色豐富的圖片铆铆。
gif ： 支持顏色少蝶缀，只支持簡單的透明，支持動態(tài)圖薄货。在圖片顏色單一或者是動態(tài)圖時(shí)可以使用gif。
png ：支持顏色多碍论，并且支持復(fù)雜的透明谅猾，可以用來顯示顏色復(fù)雜的透明圖片
圖片的使用原則：
效果不一致，使用效果好的
效果一致鳍悠，使用小的
六.總結(jié)
首先了解了基本的進(jìn)制概念税娜，然后補(bǔ)充了代碼基本框架里亂碼的問題，需要在代碼中加入元數(shù)據(jù)標(biāo)簽<meta charset="utf-8" />讓瀏覽器識別代碼的字符節(jié)藏研，還有學(xué)習(xí)了常用標(biāo)簽：標(biāo)題標(biāo)簽<h1></h1>敬矩、段落標(biāo)簽<p></p>、換行標(biāo)簽<br />蠢挡、水平線標(biāo)簽<hr />弧岳。接著是針對特殊符號的實(shí)體凳忙，實(shí)體是：&實(shí)體名字；的結(jié)構(gòu)禽炬，例如 “<” 和 ">" 分別為 <涧卵； 和 >； 空格： 腹尖；柳恐。最后是圖片，里面有4個(gè)基本屬性：arc热幔、alt乐设、width和height。其中圖片路徑是相對于html文件位置的相對路徑绎巨，因此在寫路徑的時(shí)候一定不要寫錯(cuò)了伤提！不然圖片不顯示。
