壹、Html的基本結構：
<!DOCTYPE html>
<html>
<head>
<meta ?charset=utf-8">
<title></title>
</head>
<body>
網頁的文本、圖片等信息；
</body>
</html>
?二、Head部分：用於表示網頁的元數據即描述網頁的基本信息
其常用標簽及屬性有：
1、title標簽：瀏覽器標簽頁顯示的標題
2、meta標簽：其常用屬性
①charset:設置文檔的字符集編碼格式。HTML5中設置字符集編碼：<meta charset="UTF-8">
常見的字符集編碼格式：
a.GB-2312:國標碼，簡體中文
b.GBK：擴展的國標碼
c.UTF-8：萬國碼 Unicode 常用
②http-equiv屬性:將我們的信息寫給瀏覽器看，讓瀏覽器按照這裏面的要求執行，可選屬性值：Content-Type(文檔類型)?refresh(網頁定時刷新)?set-cookie(設置瀏覽器cookie緩存) 需要配合content屬性使用。（http-equiv屬性只是表明需要設置哪壹部分，具體的設置內容，放到content屬性中）
③name屬性：使用方法同“http-equiv”。將我們的信息寫給搜索引擎看
常用且需要掌握的屬性值：author（作者）?keywords（網頁關鍵字）?description（網頁描述） 這兩個屬性設置，網頁必不可少。
3、link標簽：鏈接網頁圖標（title前的小logo），其常用屬性有：
①rel屬性：聲明鏈接文件的類型，此處選icon
②type屬性：可以省略
③href屬性：表示圖片的路徑地址
?三、body部分：網頁的文本、圖片等信息
標簽的分類：
塊級標簽：顯示為塊，前後隔壹行（自動換行）
行級標簽：按行從左往右逐壹顯示。
1、 常見的塊級標簽：
①<h1></h1>......<h6><h6>：標題標簽，自動加粗，h1最大，h6最小。
②<hr/>：水平線標簽，添加壹條水平線。
③<p></p>:段落標簽，
④<br/>:換行標簽，
⑤<blockquote/></blockquote>:引用標簽，cite屬性，表明引用的來源，壹般引用網址
瀏覽器默認首行縮進。
⑥<pre></pre>:預格式標簽，用於重載代碼。瀏覽器默認顯示樣式：1、顯示為等寬字體。 2、代碼中的換行、
空格等元素能在瀏覽器中顯示。
補充html 文件中空格的表示：
2、 基於布局的塊級標簽
列表：無序列表、有序列表、定義列表
①有序列表：<ol></ol> 列表項：<li></li>
②無序列表：<ul></ul> 列表項：<li></li>
③定義列表（實現圖文混排）:<dl></dl>
列表標題：<dt>壹般只有壹項</dt>
列表描述項：<dd>可以有很多項</dd>
3、組合標簽：<figure></figure>用於顯示圖片及圖片標題
他有兩個子標簽：<img />圖片
<figcaption></figcaption>圖片的標題
例如：<figure>
<img src="img/EZ.jpg" height="20%" width="20%" alt="探險家"/>
<figcaption>探險家 伊澤瑞爾</figcaption>
</figure>
4、分區標簽：<div></div>
?
5、常見的行級標簽
<1>span（文本）:無實際意義，用於包裹某部分文字，修改特定樣式，例如：
這是<span style="color: red;font-size: 36px;">span</span>中的文字
img（圖片）：其常用屬性：①src:表示引用圖片的地址。
路徑地址的寫法：相對路徑：以當前文件為最準，去尋找圖片地址
a、與文件處於同壹層的圖片，直接寫圖片名
b、圖片在當前文件下壹層：文件名/圖片名
c、圖片在當前文件上壹層：../圖片名
絕對路徑:file:///盤符：/文件夾/圖片名，但 是嚴禁使用
圖片網址：網絡上的圖片鏈接，但是壹般不用
②height和width：圖片的高度和寬度。可以用CSS樣式代替
③title：圖片標。當鼠標指上之後顯示的文字
④alt:當圖片無法顯示的時候，顯示的文字
<2>em（傾斜強調）
<3>strong（加粗強調）
<4>b（加粗）
<5>i（傾斜）
Strong、em、b、i的區別
1、Strong、em都表示強調，Strong為粗體，em為斜體，而Strong的強調 程度逗比em高
2、Strong和b都能加粗，em和i都能傾斜，，但是Strong和em多了壹層強調的語義 。H5要求標簽盡可能實現語義化。
<6>q（短引用）
<7>small/big（縮小/放大字體）：small和big分別是縮小和擴大字體，都可以多層嵌套直至上限或下限
<8>a（超鏈接）
1、href:超鏈接的路徑，可以是網絡鏈接，也可以是本地文件。
2、target:跳轉頁面打開的位置。_self自身頁面，_blank新頁面。
3、title:鼠標指在超鏈接上顯示的名稱。
4、Rel（被鏈接是當前的前/後壹篇）:指定被鏈接文檔與當前文檔的關系,搜索引擎 會利用該屬性 獲取更多的有關鏈接的信息：
rel="prev"被鏈接文檔是當前文檔的前壹篇文 檔，
rel="next"被鏈接文檔是當前文檔的後壹篇文檔,
rel="icon"被鏈接文檔是當前文檔的圖標
rel="stylesheet"被鏈接文檔是當前文檔的樣式表
5、Rev（當前是被鏈接的前/後壹篇）
錨鏈接：
①本頁面錨鏈接:a、設置錨點：<a name="top"></a>
b、跳轉錨點：#name名
①頁面間錨鏈接:a、在即將跳轉頁面的指定位置設置錨點
b、跳轉錨點：頁面地址.html#name名
<a href="02_常見的塊級標簽.html#Hbuilder">頁面間錨鏈接</a><br/>
功能性鏈接： mailto用於給指定郵箱發送郵件
file：///e:/aaa.png打開本地文件
tencent://message/?uin=1315618220 給指定QQ發送息
<9>s標簽，有誤文本：刪除線
<s>這是S標簽中的文字</s><br />
<10>cite標簽：瀏覽器顯示為傾斜，常用於書、畫作、作品的引用
<cite>這是cite中的文本</cite><br />
<11>code:計算機代碼，不保留代碼格式
<pre>
<code></code>
</pre>
<12>bdo:表示文本方向，屬性：dir="ltr"表示從左往右，dir="rtl"表示從右往左
<bdo dir="rtl">1234567</bdo><br />
kbd:表示需要用戶用鍵盤輸入的內容，瀏覽器顯示為等寬字體
請輸入“<kbd>Esc</kbd>”推遲系統<br />
<13>sup:上標文本，sub:下標文本
x<sub>6</sub><br />
© 空格 © 空格 <br /><14>u:下劃線
<u>這是下劃線</u><br />
mark:高亮或標記文本，瀏覽器顯示為黃色背景
<mark>mark</mark><br />