整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 基礎(chǔ)
非常簡單的HTML文檔
HTML 標(biāo)題
HTML 段落
HTML 鏈接
HTML 圖片
實(shí)例解析
HTML 標(biāo)題
HTML 標(biāo)題
在html源碼中插入注釋
插入水平線
實(shí)例解析
HTML 段落
HTML 段落
更多段落
本例演示在 HTML 文檔中折行的使用。
HTML 格式化的某些問題。
實(shí)例解析
HTML 文本格式化
文本格式化
此例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。
此例演示不同的"計(jì)算機(jī)輸出"標(biāo)簽的顯示效果。
此例演示如何在 HTML 文件中寫地址。
此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫。
此例演示如何改變文字的方向。
此例演示如何實(shí)現(xiàn)長短不一的引用語。
文本下劃線與刪除線
實(shí)例解析
HTML 樣式
HTML Style 元素
背景色樣式
字體樣式，顏色，大小
文本對(duì)齊樣式
設(shè)置文本字體
設(shè)置文本字體大小
設(shè)置文本字體顏色
設(shè)置文本字體，字體大小，字體顏色
HTML使用不同樣式
沒有下劃線的鏈接
鏈接到一個(gè)外部樣式表
實(shí)例解析
HTML 鏈接
創(chuàng)建超級(jí)鏈接
將圖像作為鏈接
在新的瀏覽器窗口打開鏈接
鏈接到同一個(gè)頁面的不同位置
跳出框架
創(chuàng)建電子郵件鏈接
創(chuàng)建電子郵件鏈接 2
實(shí)例解析
HTML 圖像
插入圖像
從不同的位置插入圖片
排列圖片
本例演示如何使圖片浮動(dòng)至段落的左邊或右邊。
制作圖像鏈接
創(chuàng)建圖像映射
實(shí)例解析
HTML 表格
簡單的表格
沒有邊框的表格
表格中的表頭
帶有標(biāo)題的表格
跨行或跨列的表格單元格
表格內(nèi)的標(biāo)簽
單元格邊距(Cell padding)
單元格間距(Cell spacing)
實(shí)例解析
HTML 列表
無序列表
有序列表
不同類型的有序列表
不同類型的無序列表
嵌套列表
嵌套列表 2
定義列表
實(shí)例解析
HTML Forms 和 Input
創(chuàng)建文本域(Text fields)
創(chuàng)建密碼域
復(fù)選框
單選按鈕
簡單的下拉列表
預(yù)選下拉列表
本例演示如何創(chuàng)建一個(gè)文本域（多行文本輸入控件）。
創(chuàng)建一個(gè)按鈕
本例演示如何在數(shù)據(jù)周圍繪制一個(gè)帶標(biāo)題的框。
帶有文本域與輸入域的表單
帶有復(fù)選框與提交按鈕的form表單
帶有單選框與提交按鈕的表單
發(fā)送郵件表單
實(shí)例解析
HTML iframe
內(nèi)聯(lián)框架 (HTML頁面中插入框架)
實(shí)例解析
HTML 頭部元素
描述了文檔標(biāo)題
HTML頁面中默認(rèn)的URL鏈接
提供文檔元數(shù)據(jù)
實(shí)例解析
HTML 腳本
插入一個(gè)腳本
使用 <noscript> 標(biāo)簽
實(shí)例解析
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>h5混合開發(fā)(www.zixue365.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
嘗試一下 ?
實(shí)例解析
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數(shù)據(jù)
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見的頁面內(nèi)容
<h1> 元素定義一個(gè)大標(biāo)題
<p> 元素定義一個(gè)段落
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標(biāo)記語言
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
HTML 元素
"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
HTML 元素:
<p>這是一個(gè)段落。</p>
Web 瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
HTML 網(wǎng)頁結(jié)構(gòu)
下面是一個(gè)可視化的HTML頁面結(jié)構(gòu)：
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
| 只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。 |
| 版本 | 發(fā)布時(shí)間 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊(cè)。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
HTML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML，菜鳥教程為大家推薦幾款常用的編輯器：
Notepad++：https://notepad-plus-plus.org/
Sublime Text：http://www.sublimetext.com/
HBuilder：http://www.dcloud.io/
你可以從以上軟件的官網(wǎng)中下載對(duì)應(yīng)的軟件，按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件，其他兩個(gè)工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。
步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后，選擇" 文件(F)->新建(N) "，在新建的文件中輸入以下代碼：
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>h5混合開發(fā)提供(www.zixue365.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) "，文件名為 runoob.html:
當(dāng)您保存 HTML 文件時(shí)，既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別，完全根據(jù)您的喜好。
在一個(gè)容易記憶的文件夾中保存這個(gè)文件，比如h5混合開發(fā)
步驟 3: 在瀏覽器中運(yùn)行這個(gè) HTML 文件
啟動(dòng)您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運(yùn)行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網(wǎng)：http://emmet.io/
不要擔(dān)心本章中您還沒有學(xué)過的例子，
您將在下面的章節(jié)中學(xué)到它們。
HTML 標(biāo)題
HTML 標(biāo)題（Heading）是通過<h1> - <h6> 標(biāo)簽來定義的.
實(shí)例
<h1>這是一個(gè)標(biāo)題</h1><h2>這是一個(gè)標(biāo)題</h2><h3>這是一個(gè)標(biāo)題</h3>
嘗試一下 ?
HTML 段落
HTML 段落是通過標(biāo)簽 <p> 來定義的.
實(shí)例
<p>這是一個(gè)段落。</p><p>這是另外一個(gè)段落。</p>
嘗試一下 ?
HTML 鏈接
HTML 鏈接是通過標(biāo)簽 <a> 來定義的.
實(shí)例
<a>這是一個(gè)鏈接</a>
嘗試一下 ?
提示:在 href 屬性中指定鏈接的地址。
(您將在本教程稍后的章節(jié)中學(xué)習(xí)更多有關(guān)屬性的知識(shí)).
HTML 圖像
HTML 圖像是通過標(biāo)簽 <img> 來定義的.
實(shí)例
<imgsrc="/images/logo.png"width="258"height="39"/>
嘗試一下 ?
注意： 圖像的名稱和尺寸是以屬性的形式提供的。
HTML 文檔由 HTML 元素定義。
HTML 元素
<phtml 元素指的是從開始標(biāo)簽（start="" tag）到結(jié)束標(biāo)簽（end="" tag）的所有代碼。<="" p="">
| 開始標(biāo)簽 * | 元素內(nèi)容 | 結(jié)束標(biāo)簽 * |
|---|---|---|
| <p> | 這是一個(gè)段落 | </p> |
| <a href="default.htm"> | 這是一個(gè)鏈接 | </a> |
| <br> |
*開始標(biāo)簽常被稱為起始標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱為閉合標(biāo)簽（closing tag）。
HTML 元素語法
HTML 元素以開始標(biāo)簽起始
HTML 元素以結(jié)束標(biāo)簽終止
元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
某些 HTML 元素具有空內(nèi)容（empty content）
空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）
大多數(shù) HTML 元素可擁有屬性
注釋: 您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。
嵌套的 HTML 元素
<p大多數(shù) html="" 元素可以嵌套（可以包含其他="" 元素）。<="" p="">
HTML 文檔由嵌套的 HTML 元素構(gòu)成。
HTML 文檔實(shí)例
<!DOCTYPE html>
<html>
<body>
<p>這是第一個(gè)段落。</p>
</body>
</html>
以上實(shí)例包含了三個(gè) HTML 元素。
HTML 實(shí)例解析
<p> 元素:
<p>這是第一個(gè)段落。</p>
這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <p> 以及一個(gè)結(jié)束標(biāo)簽 </p>.
元素內(nèi)容是: 這是第一個(gè)段落。
<body> 元素:
<body>
<p>這是第一個(gè)段落。</p>
</body>
<body> 元素定義了 HTML 文檔的主體。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <body> 以及一個(gè)結(jié)束標(biāo)簽 </body>。
元素內(nèi)容是另一個(gè) HTML 元素（p 元素）。
<html> 元素：
<html>
<body>
<p>這是第一個(gè)段落。</p>
</body>
</html>
<html> 元素定義了整個(gè) HTML 文檔。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <html> ，以及一個(gè)結(jié)束標(biāo)簽 </html>.
元素內(nèi)容是另一個(gè) HTML 元素（body 元素）。
不要忘記結(jié)束標(biāo)簽
即使您忘記了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會(huì)正確地顯示 HTML：
<p>這是一個(gè)段落
<p>這是一個(gè)段落
以上實(shí)例在瀏覽器中也能正常顯示，因?yàn)殛P(guān)閉標(biāo)簽是可選的。
但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤。
HTML 空元素
沒有內(nèi)容的 HTML 元素被稱為空元素。空元素是在開始標(biāo)簽中關(guān)閉的。
<br> 就是沒有關(guān)閉標(biāo)簽的空元素（<br> 標(biāo)簽定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠，比如 <br />，是關(guān)閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實(shí)是更長遠(yuǎn)的保障。
HTML 提示：使用小寫標(biāo)簽
HTML 標(biāo)簽對(duì)大小寫不敏感：<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽。
h5混合開發(fā)使用的是小寫標(biāo)簽，因?yàn)槿f維網(wǎng)聯(lián)盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強(qiáng)制使用小寫。
TML 屬性
HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。
屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。
屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。
屬性實(shí)例
HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定：
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a >
This is a link</a>
</body>
</html>
[/demo]
更多 HTML 屬性實(shí)例
屬性例子 1:
<h1> 定義標(biāo)題的開始。
<h1 align="center"> 擁有關(guān)于對(duì)齊方式的附加信息。
[demo]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1 align="center">This is heading 1</h1>
<p>上面的標(biāo)題在頁面中進(jìn)行了居中排列。上面的標(biāo)題在頁面中進(jìn)行了居中排列。上面的標(biāo)題在頁面中進(jìn)行了居中排列。</p>
</body>
</html>
[/demo]
屬性例子 2:
<body> 定義 HTML 文檔的主體。
<body bgcolor="yellow"> 擁有關(guān)于背景顏色的附加信息。
[demo]
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>
<body bgcolor="yellow">
<h2>請(qǐng)看: 改變了顏色的背景。</h2>
</body>
</html>
[/demo]
屬性例子 3:
<table> 定義 HTML 表格。（您將在稍后的章節(jié)學(xué)習(xí)到更多有關(guān) HTML 表格的內(nèi)容）
<table border="1"> 擁有關(guān)于表格邊框的附加信息。
HTML 提示：使用小寫屬性
屬性和屬性值對(duì)大小寫不敏感。
不過，萬維網(wǎng)聯(lián)盟在其 HTML 4 推薦標(biāo)準(zhǔn)中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
始終為屬性值加引號(hào)
屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。雙引號(hào)是最常用的，不過使用單引號(hào)也沒有問題。
在某些個(gè)別的情況下，比如屬性值本身就含有雙引號(hào)，那么您必須使用單引號(hào)，例如：
name='Bill "HelloWorld" Gates'
下面列出了適用于大多數(shù) HTML 元素的屬性：
屬性 值 描述
class classname 規(guī)定元素的類名（classname）
id id 規(guī)定元素的唯一 id
style style_definition 規(guī)定元素的行內(nèi)樣式（inline style）
title text 規(guī)定元素的額外信息（可在工具提示中顯示）
HTML 全局屬性
HTML 屬性賦予元素意義和語境。
下面的全局屬性可用于任何 HTML 元素。
HTML 全局屬性
屬性 描述
accesskey 規(guī)定激活元素的快捷鍵。
class 規(guī)定元素的一個(gè)或多個(gè)類名（引用樣式表中的類）。
contenteditable 規(guī)定元素內(nèi)容是否可編輯。
contextmenu 規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。
data-* 用于存儲(chǔ)頁面或應(yīng)用程序的私有定制數(shù)據(jù)。
dir 規(guī)定元素中內(nèi)容的文本方向。
draggable 規(guī)定元素是否可拖動(dòng)。
dropzone 規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動(dòng)或鏈接。
hidden 規(guī)定元素仍未或不再相關(guān)。
id 規(guī)定元素的唯一 id。
lang 規(guī)定元素內(nèi)容的語言。
spellcheck 規(guī)定是否對(duì)元素進(jìn)行拼寫和語法檢查。
style 規(guī)定元素的行內(nèi) CSS 樣式。
tabindex 規(guī)定元素的 tab 鍵次序。
title 規(guī)定有關(guān)元素的額外信息。
translate 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。
HTML 事件屬性
Window 事件屬性
針對(duì) window 對(duì)象觸發(fā)的事件（應(yīng)用到 <body> 標(biāo)簽）：
屬性 值 描述
onafterprint script 文檔打印之后運(yùn)行的腳本。
onbeforeprint script 文檔打印之前運(yùn)行的腳本。
onbeforeunload script 文檔卸載之前運(yùn)行的腳本。
onerror script 在錯(cuò)誤發(fā)生時(shí)運(yùn)行的腳本。
onhaschange script 當(dāng)文檔已改變時(shí)運(yùn)行的腳本。
onload script 頁面結(jié)束加載之后觸發(fā)。
onmessage script 在消息被觸發(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)窗口成為可見時(shí)運(yùn)行的腳本。
onpopstate script 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行的腳本。
onredo script 當(dāng)文檔執(zhí)行撤銷（redo）時(shí)運(yùn)行的腳本。
onresize script 當(dāng)瀏覽器窗口被調(diào)整大小時(shí)觸發(fā)。
onstorage script 在 Web Storage 區(qū)域更新后運(yùn)行的腳本。
onundo script 在文檔執(zhí)行 undo 時(shí)運(yùn)行的腳本。
onunload script 一旦頁面已下載時(shí)觸發(fā)（或者瀏覽器窗口已被關(guān)閉）。
Form 事件
由 HTML 表單內(nèi)的動(dòng)作觸發(fā)的事件（應(yīng)用到幾乎所有 HTML 元素，但最常用在 form 元素中）：
屬性 值 描述
onblur script 元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。
onchange script 在元素值被改變時(shí)運(yùn)行的腳本。
oncontextmenu script 當(dāng)上下文菜單被觸發(fā)時(shí)運(yùn)行的腳本。
onfocus script 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。
onformchange script 在表單改變時(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)行的腳本。
onreset script 當(dāng)表單中的重置按鈕被點(diǎn)擊時(shí)觸發(fā)。HTML5 中不支持。
onselect script 在元素中文本被選中后觸發(fā)。
onsubmit script 在提交表單時(shí)觸發(fā)。
Keyboard 事件
屬性 值 描述
onkeydown script 在用戶按下按鍵時(shí)觸發(fā)。
onkeypress script 在用戶敲擊按鈕時(shí)觸發(fā)。
onkeyup script 當(dāng)用戶釋放按鍵時(shí)觸發(fā)。
Mouse 事件
由鼠標(biāo)或類似用戶動(dòng)作觸發(fā)的事件：
屬性 值 描述
onclick script 元素上發(fā)生鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)。
ondblclick script 元素上發(fā)生鼠標(biāo)雙擊時(shí)觸發(fā)。
ondrag script 元素被拖動(dòng)時(shí)運(yùn)行的腳本。
ondragend script 在拖動(dòng)操作末端運(yùn)行的腳本。
ondragenter script 當(dāng)元素元素已被拖動(dòng)到有效拖放區(qū)域時(shí)運(yùn)行的腳本。
ondragleave script 當(dāng)元素離開有效拖放目標(biāo)時(shí)運(yùn)行的腳本。
ondragover script 當(dāng)元素在有效拖放目標(biāo)上正在被拖動(dòng)時(shí)運(yùn)行的腳本。
ondragstart script 在拖動(dòng)操作開端運(yùn)行的腳本。
ondrop script 當(dāng)被拖元素正在被拖放時(shí)運(yùn)行的腳本。
onmousedown script 當(dāng)元素上按下鼠標(biāo)按鈕時(shí)觸發(fā)。
onmousemove script 當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā)。
onmouseover script 當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。
onmouseup script 當(dāng)在元素上釋放鼠標(biāo)按鈕時(shí)觸發(fā)。
onmousewheel script 當(dāng)鼠標(biāo)滾輪正在被滾動(dòng)時(shí)運(yùn)行的腳本。
onscroll script 當(dāng)元素滾動(dòng)條被滾動(dòng)時(shí)運(yùn)行的腳本。
Media 事件
由媒介（比如視頻、圖像和音頻）觸發(fā)的事件（適用于所有 HTML 元素，但常見于媒介元素中，比如 <audio>、<embed>、<img>、<object> 以及 <video>）:
屬性 值 描述
onabort script 在退出時(shí)運(yùn)行的腳本。
oncanplay script 當(dāng)文件就緒可以開始播放時(shí)運(yùn)行的腳本（緩沖已足夠開始時(shí)）。
oncanplaythrough script 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時(shí)運(yùn)行的腳本。
ondurationchange script 當(dāng)媒介長度改變時(shí)運(yùn)行的腳本。
onemptied script 當(dāng)發(fā)生故障并且文件突然不可用時(shí)運(yùn)行的腳本（比如連接意外斷開時(shí)）。
onended script 當(dāng)媒介已到達(dá)結(jié)尾時(shí)運(yùn)行的腳本（可發(fā)送類似“感謝觀看”之類的消息）。
onerror script 當(dāng)在文件加載期間發(fā)生錯(cuò)誤時(shí)運(yùn)行的腳本。
onloadeddata script 當(dāng)媒介數(shù)據(jù)已加載時(shí)運(yùn)行的腳本。
onloadedmetadata script 當(dāng)元數(shù)據(jù)（比如分辨率和時(shí)長）被加載時(shí)運(yùn)行的腳本。
onloadstart script 在文件開始加載且未實(shí)際加載任何數(shù)據(jù)前運(yùn)行的腳本。
onpause script 當(dāng)媒介被用戶或程序暫停時(shí)運(yùn)行的腳本。
onplay script 當(dāng)媒介已就緒可以開始播放時(shí)運(yùn)行的腳本。
onplaying script 當(dāng)媒介已開始播放時(shí)運(yùn)行的腳本。
onprogress script 當(dāng)瀏覽器正在獲取媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。
onratechange script 每當(dāng)回放速率改變時(shí)運(yùn)行的腳本（比如當(dāng)用戶切換到慢動(dòng)作或快進(jìn)模式）。
onreadystatechange script 每當(dāng)就緒狀態(tài)改變時(shí)運(yùn)行的腳本（就緒狀態(tài)監(jiān)測媒介數(shù)據(jù)的狀態(tài)）。
onseeked script 當(dāng) seeking 屬性設(shè)置為 false（指示定位已結(jié)束）時(shí)運(yùn)行的腳本。
onseeking script 當(dāng) seeking 屬性設(shè)置為 true（指示定位是活動(dòng)的）時(shí)運(yùn)行的腳本。
onstalled script 在瀏覽器不論何種原因未能取回媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。
onsuspend script 在媒介數(shù)據(jù)完全加載之前不論何種原因終止取回媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。
ontimeupdate script 當(dāng)播放位置改變時(shí)（比如當(dāng)用戶快進(jìn)到媒介中一個(gè)不同的位置時(shí)）運(yùn)行的腳本。
onvolumechange script 每當(dāng)音量改變時(shí)（包括將音量設(shè)置為靜音）時(shí)運(yùn)行的腳本。
onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時(shí)（比如當(dāng)媒介暫停已緩沖更多數(shù)據(jù)）運(yùn)行腳本
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
