常見(jiàn)屬性：
屬性 值 描述
href URL 規(guī)定鏈接的目標(biāo) URL诗宣。
target _blank
_parent
_self
_top
framename 規(guī)定在何處打開(kāi)目標(biāo) URL。
僅在 href 屬性存在時(shí)使用呐籽。
3.4、圖像標(biāo)簽
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度LOGO">
1
3.5搀崭、表格標(biāo)簽
<table border="1px" cellpadding="0px" cellspacing="0px">
? ? <tr>
? ? ? ? <th>表頭一</th>
? ? ? ? <th>表頭二</th>
? ? ? ? <th>表頭三</th>
? ? ? ? <th>表頭四</th>
? ? </tr>
? ? <tr>
? ? ? ? <td>單元格一</td>
? ? ? ? <td>單元格二</td>
? ? ? ? <td>單元格三</td>
? ? ? ? <td>單元格四</td>
? ? </tr>
</table>
3.6捻浦、列表標(biāo)簽
無(wú)序列表：
<ul>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
</ul>
有序列表：
<ol>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
? ? <li>列表項(xiàng)</li>
</ol>
自定義列表：
<dl>
? ? <dt>+</dt><dd>列表項(xiàng)</dd>
? ? <dt>+</dt><dd>列表項(xiàng)</dd>
? ? <dt>+</dt><dd>列表項(xiàng)</dd>
</dl>
3.7、分組標(biāo)簽
<div>具體內(nèi)容</div>
1
<span>具體內(nèi)容</span>
1
3.8屋确、語(yǔ)義標(biāo)簽
常見(jiàn)標(biāo)簽：
標(biāo)簽 描述
<header> 規(guī)定文檔或節(jié)的頁(yè)眉纳击。
<footer> 定義文檔或節(jié)的頁(yè)腳续扔。
<main> 規(guī)定文檔的主內(nèi)容。
<section> 定義文檔的節(jié)焕数。
<article> 定義文檔的文章纱昧。
<aside> 定義頁(yè)面內(nèi)容以外的內(nèi)容。
<nav> 定義導(dǎo)航鏈接堡赔。
<mark> 定義重要的或強(qiáng)調(diào)的文本识脆。
<figure> 規(guī)定自包含內(nèi)容，比如圖示善已、圖表灼捂、照片、代碼清單等换团。
<figcaption> 定義 <figure> 元素的標(biāo)題纵东。
<details> 定義用戶能夠查看或隱藏的額外細(xì)節(jié)。
<summary> 定義 <details> 元素的可見(jiàn)標(biāo)題啥寇。
<time> 定義日期/時(shí)間偎球。
基本布局：
3.9、表單標(biāo)簽
常見(jiàn)標(biāo)簽：
標(biāo)簽 描述
<form> 定義供用戶輸入的表單辑甜。
<input> 定義輸入域衰絮。
<label> 定義了 <input> 元素的標(biāo)簽，一般為輸入標(biāo)題磷醋。
<textarea> 定義文本域 (一個(gè)多行的輸入控件)猫牡。
<fieldset> 定義了一組相關(guān)的表單元素，并使用外框包含起來(lái)邓线。
<legend> 定義了 <fieldset> 元素的標(biāo)題淌友。
<select> 定義了下拉選項(xiàng)列表。
<optgroup> 定義選項(xiàng)組骇陈。
<option> 定義下拉列表中的選項(xiàng)震庭。
<button> 定義一個(gè)點(diǎn)擊按鈕。
<datalist> 指定一個(gè)預(yù)先定義的輸入控件選項(xiàng)列表你雌。
<keygen> 定義了表單的密鑰對(duì)生成器字段器联。
<output> 定義一個(gè)計(jì)算結(jié)果。
案例演示：
1婿崭、form拨拓、input、label演示
<form action="" method="get">
? ? <p>
? ? ? ? <label for="username">賬戶：</label>
? ? ? ? <input type="text" name="username" id="username">
? ? </p>
? ? <p>
? ? ? ? <label for="password">密碼：</label>
? ? ? ? <input type="password" name="password" id="password">
? ? </p>
? ? <p><input type="submit"></p>
</form>
2氓栈、textarea演示
<form action="" method="post">
? ? <textarea name="mycontext" cols="30" rows="10"></textarea>
? ? <input type="submit">
</form>
3渣磷、fieldset、legend授瘦、select醋界、optgroup祟身、option演示
<form action="" method="post">
? ? <fieldset>
? ? ? ? <legend>請(qǐng)選擇你的愛(ài)好：</legend>
? ? ? ? <select name="myhobby" id="myhobby">
? ? ? ? ? ? <optgroup label="運(yùn)動(dòng)">
? ? ? ? ? ? ? ? <option value="籃球">籃球</option>
? ? ? ? ? ? ? ? <option value="足球">足球</option>
? ? ? ? ? ? </optgroup>
? ? ? ? ? ? <optgroup label="電子">
? ? ? ? ? ? ? ? <option value="看電影">看電影</option>
? ? ? ? ? ? ? ? <option value="看電視">看電視</option>
? ? ? ? ? ? </optgroup>
? ? ? ? </select>
? ? </fieldset>
</form>
4、datalist演示
<form action="" method="post">
? ? <input list="browsers">
? ? <datalist id="browsers">
? ? ? ? <option value="Internet Explorer">
? ? ? ? <option value="Firefox">
? ? ? ? <option value="Chrome">
? ? ? ? <option value="Opera">
? ? ? ? <option value="Safari">
? ? </datalist>
</form>
5物独、單選框演示
<form action="" method="post">
? ? <input type="radio" name="sex" id="male" value="male" checked>
? ? <label for="male">Male</label>
? ? <input type="radio" name="sex" id="female" value="female">
? ? <label for="female">female</label>
</form>
6袜硫、復(fù)選框演示
<form action="" method="post">
? ? <input type="checkbox" name="vehicle" id="bike" value="bike">
? ? <label for="bike">I have a bike</label>
? ? <input type="checkbox" name="vehicle" id="car" value="car">
? ? <label for="car">I have a car</label>
</form>
3.10、框架標(biāo)簽
<iframe src="https://www.baidu.com" frameborder="0" width="500px" height="500px"></iframe>
1
3.11挡篓、音頻標(biāo)簽
<audio controls>
? ? <source src="horse.ogg" type="audio/ogg">
? ? <source src="horse.mp3" type="audio/mpeg">
? ? 您的瀏覽器不支持 Audio 標(biāo)簽婉陷。
</audio>
3.12、視頻標(biāo)簽
<video width="320" height="240" controls>
? <source src="movie.mp4" type="video/mp4">
? <source src="movie.ogg" type="video/ogg">
? ? 您的瀏覽器不支持 Video 標(biāo)簽官研。
</video>
3.13秽澳、其它標(biāo)簽
水平線：<hr>
換行：<br>
<b>粗體文本</b>
<code>計(jì)算機(jī)代碼</code>
<em>強(qiáng)調(diào)文本</em>
<i>斜體文本</i>
<kbd>鍵盤輸入</kbd>
<pre>預(yù)格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr>縮寫詞或者首字母縮略詞</abbr>
<address>聯(lián)系信息</address>
<bdo>文字方向</bdo>
<blockquote>從另一個(gè)源引用的部分</blockquote>
<cite>工作的名稱</cite>
<del>刪除的文本</del>
<ins>插入的文本</ins>
<sub>下標(biāo)文本</sub>
<sup>上標(biāo)文本</sup>
3.14、頭部標(biāo)簽
標(biāo)簽 描述
<head> 定義了文檔的信息戏羽。
<title> 定義了文檔的標(biāo)題担神。
<base> 定義了頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址。
<link> 定義了一個(gè)文檔和外部資源之間的關(guān)系始花。
<meta> 定義了HTML文檔中的元數(shù)據(jù)妄讯。
<script> 定義了客戶端的腳本文件。
<style> 定義了HTML文檔的樣式文件酷宵。
第四章 HTML5屬性
4.1亥贸、屬性概述
HTML標(biāo)簽可以設(shè)置屬性，屬性總是以名稱/值對(duì)的形式出現(xiàn)浇垦，比如：name=“value”炕置，它的主要作用是控制或修飾標(biāo)簽。
4.2男韧、通用屬性
屬性 描述
accesskey 設(shè)置訪問(wèn)元素的鍵盤快捷鍵朴摊。
class 規(guī)定元素的類名（classname）。
contenteditable 規(guī)定是否可編輯元素的內(nèi)容此虑。
contextmenu 指定一個(gè)元素的上下文菜單甚纲。當(dāng)用戶右擊該元素，出現(xiàn)上下文菜單寡壮。
data-* 用于存儲(chǔ)頁(yè)面的自定義數(shù)據(jù)贩疙。
dir 設(shè)置元素中內(nèi)容的文本方向讹弯。
draggable 指定某個(gè)元素是否可以拖動(dòng)况既。
dropzone 指定是否將數(shù)據(jù)復(fù)制，移動(dòng)组民，或鏈接棒仍，或刪除。
hidden hidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏臭胜。
id 規(guī)定元素的唯一 id莫其。
lang 設(shè)置元素中內(nèi)容的語(yǔ)言代碼癞尚。
spellcheck 檢測(cè)元素是否拼寫錯(cuò)誤。
style 規(guī)定元素的行內(nèi)樣式（inline style）乱陡。
tabindex 設(shè)置元素的 Tab 鍵控制次序浇揩。
title 規(guī)定元素的額外信息（可在工具提示中顯示）。
translate 指定是否一個(gè)元素的值在頁(yè)面載入時(shí)是否需要翻譯憨颠。
第五章 HTML5事件
5.1胳徽、事件概述
HTML事件可以觸發(fā)瀏覽器中的行為，比方說(shuō)當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript爽彤。
5.2养盗、窗口事件
由窗口觸發(fā)該事件 (同樣適用于 <body> 標(biāo)簽)：
屬性 值 描述
onafterprint script 在打印文檔之后運(yùn)行腳本。
onbeforeprint script 在文檔打印之前運(yùn)行腳本适篙。
onbeforeonload script 在文檔加載之前運(yùn)行腳本往核。
onblur script 當(dāng)窗口失去焦點(diǎn)時(shí)運(yùn)行腳本。
onerror script 當(dāng)錯(cuò)誤發(fā)生時(shí)運(yùn)行腳本嚷节。
onfocus script 當(dāng)窗口獲得焦點(diǎn)時(shí)運(yùn)行腳本聂儒。
onhashchange script 當(dāng)文檔改變時(shí)運(yùn)行腳本。
onload script 當(dāng)文檔加載時(shí)運(yùn)行腳本硫痰。
onmessage script 當(dāng)觸發(fā)消息時(shí)運(yùn)行腳本薄货。
onoffline script 當(dāng)文檔離線時(shí)運(yùn)行腳本。
ononline script 當(dāng)文檔上線時(shí)運(yùn)行腳本碍论。
onpagehide script 當(dāng)窗口隱藏時(shí)運(yùn)行腳本谅猾。
onpageshow script 當(dāng)窗口可見(jiàn)時(shí)運(yùn)行腳本。
onpopstate script 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行腳本鳍悠。
onredo script 當(dāng)文檔執(zhí)行再執(zhí)行操作（redo）時(shí)運(yùn)行腳本税娜。
onresize script 當(dāng)調(diào)整窗口大小時(shí)運(yùn)行腳本。
onstorage script 當(dāng) Web Storage 區(qū)域更新時(shí)（存儲(chǔ)空間中的數(shù)據(jù)發(fā)生變化時(shí)）運(yùn)行腳本藏研。
onundo script 當(dāng)文檔執(zhí)行撤銷時(shí)運(yùn)行腳本敬矩。
onunload script 當(dāng)用戶離開(kāi)文檔時(shí)運(yùn)行腳本。
5.3蠢挡、表單事件
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素弧岳，但該HTML元素需在form表單內(nèi))：
屬性 值 描述
onblur script 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行腳本。
onchange script 當(dāng)元素改變時(shí)運(yùn)行腳本业踏。
oncontextmenu script 當(dāng)觸發(fā)上下文菜單時(shí)運(yùn)行腳本禽炬。
onfocus script 當(dāng)元素獲得焦點(diǎn)時(shí)運(yùn)行腳本。
onformchange script 當(dāng)表單改變時(shí)運(yùn)行腳本勤家。
onforminput script 當(dāng)表單獲得用戶輸入時(shí)運(yùn)行腳本腹尖。
oninput script 當(dāng)元素獲得用戶輸入時(shí)運(yùn)行腳本。
oninvalid script 當(dāng)元素?zé)o效時(shí)運(yùn)行腳本伐脖。
onselect script 當(dāng)選取元素時(shí)運(yùn)行腳本热幔。
onsubmit script 當(dāng)提交表單時(shí)運(yùn)行腳本乐设。
5.4、鍵盤事件
通過(guò)鍵盤觸發(fā)事件绎巨，類似用戶的行為：
屬性 值 描述
onkeydown script 當(dāng)按下按鍵時(shí)運(yùn)行腳本近尚。
onkeypress script 當(dāng)按下并松開(kāi)按鍵時(shí)運(yùn)行腳本。
onkeyup script 當(dāng)松開(kāi)按鍵時(shí)運(yùn)行腳本场勤。
5.5肿男、鼠標(biāo)事件
通過(guò)鼠標(biāo)觸發(fā)事件，類似用戶的行為：
屬性 值 描述
onclick script 當(dāng)單擊鼠標(biāo)時(shí)運(yùn)行腳本
ondblclick script 當(dāng)雙擊鼠標(biāo)時(shí)運(yùn)行腳本
ondrag script 當(dāng)拖動(dòng)元素時(shí)運(yùn)行腳本
ondragend script 當(dāng)拖動(dòng)操作結(jié)束時(shí)運(yùn)行腳本
ondragenter script 當(dāng)元素被拖動(dòng)至有效的拖放目標(biāo)時(shí)運(yùn)行腳本
ondragleave script 當(dāng)元素離開(kāi)有效拖放目標(biāo)時(shí)運(yùn)行腳本
ondragover script 當(dāng)元素被拖動(dòng)至有效拖放目標(biāo)上方時(shí)運(yùn)行腳本
ondragstart script 當(dāng)拖動(dòng)操作開(kāi)始時(shí)運(yùn)行腳本
ondrop script 當(dāng)被拖動(dòng)元素正在被拖放時(shí)運(yùn)行腳本
onmousedown script 當(dāng)按下鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousemove script 當(dāng)鼠標(biāo)指針移動(dòng)時(shí)運(yùn)行腳本
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時(shí)運(yùn)行腳本
onmouseover script 當(dāng)鼠標(biāo)指針移至元素之上時(shí)運(yùn)行腳本
onmouseup script 當(dāng)松開(kāi)鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousewheel script 當(dāng)轉(zhuǎn)動(dòng)鼠標(biāo)滾輪時(shí)運(yùn)行腳本
onscroll script 當(dāng)滾動(dòng)元素的滾動(dòng)條時(shí)運(yùn)行腳本
5.6却嗡、媒體事件
通過(guò)視頻（videos）舶沛，圖像（images）或音頻（audio） 觸發(fā)該事件，多應(yīng)用于HTML媒體元素比如：<embed>窗价，<object>如庭，<img>，<audio>和<video>撼港。
屬性 值 描述
onabort script 當(dāng)發(fā)生中止事件時(shí)運(yùn)行腳本坪它。
oncanplay script 當(dāng)媒介能夠開(kāi)始播放但可能因緩沖而需要停止時(shí)運(yùn)行腳本。
oncanplaythrough script 當(dāng)媒介能夠無(wú)需因緩沖而停止即可播放至結(jié)尾時(shí)運(yùn)行腳本帝牡。
ondurationchange script 當(dāng)媒介長(zhǎng)度改變時(shí)運(yùn)行腳本往毡。
onemptied script 當(dāng)媒介資源元素突然為空時(shí)（網(wǎng)絡(luò)錯(cuò)誤、加載錯(cuò)誤等）運(yùn)行腳本靶溜。
onended script 當(dāng)媒介已抵達(dá)結(jié)尾時(shí)運(yùn)行腳本开瞭。
onerror script 當(dāng)在元素加載期間發(fā)生錯(cuò)誤時(shí)運(yùn)行腳本。
onloadeddata script 當(dāng)加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本罩息。
onloadedmetadata script 當(dāng)媒介元素的持續(xù)時(shí)間以及其他媒介數(shù)據(jù)已加載時(shí)運(yùn)行腳本嗤详。
onloadstart script 當(dāng)瀏覽器開(kāi)始加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本。
onpause script 當(dāng)媒介數(shù)據(jù)暫停時(shí)運(yùn)行腳本。
onplay script 當(dāng)媒介數(shù)據(jù)將要開(kāi)始播放時(shí)運(yùn)行腳本。
onplaying script 當(dāng)媒介數(shù)據(jù)已開(kāi)始播放時(shí)運(yùn)行腳本中燥。
onprogress script 當(dāng)瀏覽器正在取媒介數(shù)據(jù)時(shí)運(yùn)行腳本。
onratechange script 當(dāng)媒介數(shù)據(jù)的播放速率改變時(shí)運(yùn)行腳本杈笔。
onreadystatechange script 當(dāng)就緒狀態(tài)（ready-state）改變時(shí)運(yùn)行腳本。
onseeked script 當(dāng)媒介元素的定位屬性不再為真且定位已結(jié)束時(shí)運(yùn)行腳本。
onseeking script 當(dāng)媒介元素的定位屬性為真且定位已開(kāi)始時(shí)運(yùn)行腳本。
onstalled script 當(dāng)取回媒介數(shù)據(jù)過(guò)程中（延遲）存在錯(cuò)誤時(shí)運(yùn)行腳本淋昭。
onsuspend script 當(dāng)瀏覽器已在取媒介數(shù)據(jù)但在取回整個(gè)媒介文件之前停止時(shí)運(yùn)行腳本。
ontimeupdate script 當(dāng)媒介改變其播放位置時(shí)運(yùn)行腳本诀姚。
onvolumechange script 當(dāng)媒介改變音量亦或當(dāng)音量被設(shè)置為靜音時(shí)運(yùn)行腳本响牛。
onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時(shí)運(yùn)行腳本。
5.7赫段、其它事件
屬性 值 描述
onshow script 當(dāng) <menu> 元素在上下文顯示時(shí)觸發(fā)呀打。
ontoggle script 當(dāng)用戶打開(kāi)或關(guān)閉 <details> 元素時(shí)觸發(fā)。
