? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?HTML的標(biāo)簽（中）
標(biāo)題標(biāo)簽：h1~h6，塊級標(biāo)簽
語法：<h1>標(biāo)題內(nèi)容</h1> ? ?<h2>標(biāo)題內(nèi)容</h2> ……
標(biāo)題文字共包含6種標(biāo)記淮腾。
H1 ：標(biāo)題標(biāo)簽是 標(biāo)注當(dāng)前頁面中的文檔最重要的核心主題的文本糟需。
H1~H6標(biāo)簽，相對于當(dāng)前文檔的重要性依次降低谷朝。
注意：一般情況一個頁面只能有一個H1標(biāo)題（當(dāng)然可以超過洲押，但是不利于搜索SEO）。
H2~H6標(biāo)簽圆凰，可以再一個頁面中有多個杈帐，但是不要濫用，否則會導(dǎo)致網(wǎng)頁的SEO受影響，搜索引擎會認(rèn)為我們作弊挑童。
H1~H6標(biāo)簽不是用于字體大小樣式設(shè)置累铅，是用于表達(dá)內(nèi)容的重要性。
補(bǔ)充快捷鍵：出現(xiàn)一堆完整的標(biāo)簽可以先輸入標(biāo)簽后按TAB鍵（比如輸入h1后按TAB/輸入P后按TAB）看下圖
段落標(biāo)簽：
段落標(biāo)簽語法：<p>包裹段落的內(nèi)容</p>
P 標(biāo)簽之間不會相互共用一行站叼，會獨占一行或多行的空間娃兽。
水平線標(biāo)簽
語法：<hr>
hr標(biāo)簽是單標(biāo)簽，不需閉合標(biāo)簽（使用看下圖）尽楔。輸入一個<hr>標(biāo)記投储，就等于添加了一條默認(rèn)樣式的水平線。
HTML 文檔空白合并
在HTML文檔中翔试，文字之間的空格會進(jìn)行合并轻要，多個空格或者是換行會合并并成一個空格。
換行標(biāo)簽——Br
語法：<br>
如果有N個<br>，可以輸入br*n，然后按TAB鍵即可妈嘹。
br 標(biāo)簽是單標(biāo)簽脆烟，不需閉合標(biāo)簽
段落與段落之間隔行換行的，這樣會導(dǎo)致文字的行間距過大（上面的空白合并）志秃，這時可以使用換行標(biāo)記來完成文字的緊湊換行顯示怔球。（Br標(biāo)簽可以強(qiáng)制段落換行，不受空格或換行的影響）
空格標(biāo)簽—— 
語法： 
一個 代表一個半角空格浮还，需要多個空格可以重復(fù)輸入（分號竟坛；分開即可）
文本節(jié)標(biāo)簽 ?span ?，行內(nèi)標(biāo)簽
語法：<span>內(nèi)容</span>
<span>標(biāo)簽似乎沒有任何內(nèi)容上的意義钧舌，但是與CSS結(jié)合起來后担汤，應(yīng)用非常廣泛。
定義著重文字—<em>
語法：<em></em>
em標(biāo)簽就是對文檔中的一小段文本進(jìn)行著重的強(qiáng)調(diào)洼冻。（em標(biāo)簽是局部的文本的加強(qiáng)語氣崭歧，或者是文本的強(qiáng)調(diào)的作用）
em標(biāo)簽可以會改變局部的文檔語義。（比如：我更加喜歡<em>人民幣</em>和RMB）
也有利于網(wǎng)站的SEO撞牢。
標(biāo)簽就只用它的語義率碾，不要用它的樣式，樣式可以通過CSS控制
斜體字標(biāo)簽—i
語法：<i>內(nèi)容</i>
i標(biāo)簽不推薦使用屋彪，因為所有的樣式都是通過CSS進(jìn)行控制所宰。
注釋標(biāo)簽：
語法：<1--注釋內(nèi)容-->
定義加重語氣—<strong>
strong標(biāo)簽是針對整個文檔而言，進(jìn)行一個加強(qiáng)語氣 的作用畜挥。例如：一篇文章中最重要的主題思想或者段落用strong標(biāo)簽進(jìn)行包裹仔粥。（上面有個em標(biāo)簽可以比較一下）
<strong>標(biāo)簽<em>一樣，用于強(qiáng)調(diào)文本砰嘁，但它強(qiáng)調(diào)的程度更強(qiáng)一些件炉。
定義下標(biāo)字和定義上標(biāo)字
定義下標(biāo)字：<sub>
語法：<sub>內(nèi)容</sub>
定義上標(biāo)字：<sup>
語法：<sup>內(nèi)容</sup>
定義刪除線
語法：<del>內(nèi)容</del> ? ? ? ?(嘎嘎嘎嘎嘎)
超級鏈接標(biāo)簽
語法：<a href="你要跳轉(zhuǎn)的網(wǎng)頁的網(wǎng)址">鏈接元素（就是網(wǎng)頁上點擊它可以跳轉(zhuǎn)到另一個頁面的元素）</a>?
或者 ?<a href="URL（統(tǒng)一資源定位器）">鏈接元素</a>
超級鏈接不僅僅是可以嵌套文本勘究，還可以嵌套圖片、表格斟冕、標(biāo)題口糕。
a標(biāo)簽的target 屬性：
self ?：默認(rèn)的，表示當(dāng)前頁面中打開超級鏈接磕蛇。
blank ?：表示在新的頁簽中或者是新的窗口中打開超級鏈接的頁面景描。
錨點鏈接：
創(chuàng)建錨點鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容呵燕。
創(chuàng)建錨點鏈接分兩步：1棠绘、語法： <a href="#id名">鏈接元素</a> ， 輸入語法創(chuàng)建鏈接文本再扭；2氧苍、使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置
可以然后href屬性指向一個頁面中的id值，可以讓頁面跳轉(zhuǎn)到id對應(yīng)的標(biāo)簽的位置泛范。
URL協(xié)議
平時我們寫的網(wǎng)址就是url地址。
Url協(xié)議就是規(guī)定url地址的格式罢荡。
協(xié)議規(guī)定格式：scheme://host.domain:port/path/filename
http://sh.itcast.cn/subject/shphp/?zxdt? （對應(yīng)上面格式）
協(xié)議名稱://域名（ip地址):80/路徑/文件a.htm
scheme -定義因特網(wǎng)服務(wù)的類型赡突。最常見的類型是http, https,ftp
host -定義域主機(jī)（http的默認(rèn)主機(jī)是www）
domain -定義因特網(wǎng)域名，比如w3school.com.cn
:port -定義主機(jī)上的端口號（http的默認(rèn)端口號是80）
path -定義服務(wù)器上的路徑（如果省略区赵，則文檔必須位于網(wǎng)站的根目錄中）惭缰。
filename -定義文檔/資源的名稱
URL編碼
URL編碼：url中的非ASCII碼，轉(zhuǎn)為%ascii碼
為什么要有URL編碼呢惧笛？ ? ? ?如果我寫的一個中文的網(wǎng)頁要在阿拉伯國家的電腦上進(jìn)行顯示从媚。
http://news.sina.com.cn/c/zg/2015-10-27/doc-傳智播客61.shtml
中文字符在阿拉伯國家的電腦上會正常顯示嗎？
Url在線編碼的工具：http://tool.chinaz.com/Tools/URLEncode.aspx
相對路徑和絕對路徑
快速打開dos命令窗口： windows+r 打開運行窗口
然后輸入 ?cmd
Cd命令是讓我們dos窗口可以進(jìn)入某個文件夾患整。
Dir命令是：顯示當(dāng)前目錄的文件和文件夾拜效。
相對路徑：
Cd名中，如果寫是../代表目錄是父目錄各谚。
../../代表：父目錄的父目錄紧憾。
絕對路徑：
C:\Windows帶盤符的路徑，我們稱為絕對路徑
Src：圖片的網(wǎng)站昌渤。
Alt：圖片不顯示的時候赴穗，會顯示alt屬性的文本
Title：對網(wǎng)站的seo有很大的影響。當(dāng)鼠標(biāo)移上去的時候，圖片顯示的tip提示文本內(nèi)容般眉。
常用圖片格式
jpg：色彩還原高甸赃，適合復(fù)雜顏色圖片柿汛，比如banner
gif：色彩效果最低，支持透明埠对，支持動畫络断，適合顏色比較少，不適合漸變色项玛。（只支持256種顏色）
png：PNG的優(yōu)點是貌笨，清晰，無損壓縮襟沮，壓縮比率很高锥惋，可漸變透明，具備幾乎所有GIF的優(yōu)點开伏；缺點是不如JPG的顏色豐富净刮，同樣的圖片體積也比JPG略大。還有用戶體驗很好的優(yōu)點硅则。
gif和png基本差不多，色彩比較少的直接gif株婴，如果圖片動畫用gif怎虫。對色彩要求高的用jpg。
