html元素
基础标签
<!DOCTYPE> 定义文档类型（e.g <!DOCTYPE html>）
<html>定义一个HTML文档</html>
<title>文档标题</title>体现在网页最上端
<p>这是一个段落</p>
<a href="www.baidu.com">这是一个链接</a>
<br> 换行
<wbr>规定在文本中的何处适合添加换行符。（意思就是如何窗口变小，那么在你添加<wbr>这个标签的地方会换行）
<hr> 定义水平线
<!--....--> 定义一个注释
格式
<abbr t="world health organization">who</abbr> 定义一个缩写
<address></address> 定义文档作者/所有者的联系信息（斜体，该元素前后添加换行）
<b></b> 定义粗体文本
<bdi></bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置（比如使一段文字中的某一段文字倒着写）
<bdo dir="rtl（ltr）>"该段落文字从右到左（从左到右）显示</bdo> 定义文本方向
<blockquote cite="url"></blockquote> 定义块引用,cite规定引用来源；blockquote元素中一般嵌套p元素，用于标记被引用的文本，这些引用问嗯赢不直接位于blockquote元素中
<cite></cite> 定义引用（斜体）；1、可以使你或者其他人从文档中自动摘录参考目录2、引用一个超链接。
<code>一段电脑代码</code> 定义计算机代码文本（短语标签）
所有的短语标签（只是不同的文字格式而已，建议使用css）
<em>呈现为被强调的文本
<strong>定义重要文本
<dfn>定义一个定义项目
<samp>定义样本文本
<kdb>定义键盘文本，它表示文本是从键盘上键入的。经常用在与计算机相关的文档或者手册中
<var>定义变量
<del></del> 定义文档中已删除的文本。（My favorite color is blue red!）属性cite：规定一个解释了文本被删除的原因的文档的url；datatime：规定文本被删除的日期和时间
<s></s> 定义加删除线的文本
<ins></ins>定义文本中新插入的文本。
<i>定义斜体文本</i>
<u>定义下划线文本。</u>
<mark></mark> 定义带有记号的文本.比如让一段文字在文本中高亮显示。
<meter></meter>定义度量衡，仅用于已知最大和最小值的度量(不能作为一个进度条来使用)
e.g<meter value="2" min="0" mix="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter> result:(
)
<pre></pre> 定义预格式文本。（标签内格式是什么样的，输出格式就是什么样的。）
<progress value="20" max="100"></progress>定义运行中的任务进度（进程）。(两个属性value和max)
<q>这是引用的内容</q> 定义短引用。（相当于把标签中间的内容加了一个引号）。
<rp></rp> 定义不支持ruby元素的浏览器所显示的内容。
<rt></rt>定义字符的解释或发音。
<ruby></ruby>定义ruby注释
e.g<ruby>
汗<rp>(</rp><rt>han<rt><rp>)</rp>
渍<rp>(</rp><rt>zi<rt><rp>)</rp> 
</ruby>
<small></small>定义小号文本。
<sub></sub>定义下标文本。
<sup></sup>定义上标文本。
<time></time> 定义一个时间/日期。属性：datatime规定日期/时间；pubdata指示元素中的日期/时间是最近的文档的发布日期。
表单
<form>定义一个html表单，用于用户输入。
<form>包含一个或多个以下表单元素：
<input> 规定了用户可以字其中输入数据的输入字段。
input属性： accept 规定通过文件上传来提交的文件的类型。（type=”file“）
alt 定义图像的替代文本（type=”image“）
antocomplete（含on|off两个属性） 规定<input>元素输入字段是否应该启用自动完成功能。
autofocus 规定当前页面加载时<input>元素应该自动获得焦点。（就是在输入框加上一个光标）
checked 规定在页面加载时应该被预先选定的<input>元素。（只针对type="checkbox"或者type="radio"）
disable 规定应该禁用的<input>元素。（有一个输入框进制输入）
form规定<input>元素所属的一个或者多个表单。（可以把多个输入框联系起来，合为一个表单）
formenctype规定当表单数据提交到服务器时如何编码。
formaction规定当表单提交时处理输入控件的文件的URL（只针对type=”submit“和type=”image“）（就是点击链接之后的url不一样）
formmethod 定义发送表单数据到action URL的HTTP方法（只适合type=”submit“和type=”image“）
formtarget 规定标是提交表单后在哪里显示接收到响应名称或关键词（只适合type=”submit“和type=”image“）
height，weight规定<input>元素的高度、宽度。（只适合type=”image“）
list 属性引用<datalist>元素，其中包含<input>元素的预定义选型
max、min规定<input>元素的最大最小值
maxlength规定<input>元素中允许的最大字符数
mulitiple规定允许用户输入到<input>元素的多个值（同时可以上传多个文件）
name规定<input>元素的名称
pattern规定用于验证<input>元素值的正则表达式。
placeholder规定可描述的输入<input>字段预期值的简单的提示信息。（在输入框提示你输入的信息，当你开始输入时就会消失）
readonly规定输入字段是只读的
required规定必须在提交表单之前输入字段
size规定已字符数计的<input>元素的可见宽度
src规定显示为提交按钮的图像的URL（只针对type="image"）
step规定合法数字间隔(
傍边会出现这样的上下小三角，每次点击都是三个三个的变化)
type规定要显示的<input>元素的类型，一般有butten,checkbox(选框)，color,data,datatime,data-local,email,file,hidden,image,month,number,password,radio,range,reset,search,submit,tel,text,time,url,week
value指定<input>value的值
<textarea>定义一个多行的文本输入控件（可容纳无限数量的文本，默认等宽字体，通过cols和rows规定textarea的尺寸大小）
textarea属性：autofocus 文本区域自动获得焦点（光标闪烁点）
cols，rows规定文本区域可见宽度和行数
disablle规定禁用文本区域
form规定文本区域所属的一个或多个表单。（将多个输入框归为一个表单）
maxlength规定文本区域允许的最大字符数
name规定文本区域名称
placeholder规定一个简短的提示，描述文本区域期望的输入值。（一个文字颜色较浅的解释文本，当开始输入时就消失）
readonly规定文本区域为只读
required规定文本区域是必需的/必填的（如果不填写无法进入下一步）
wrap规定当提交表单时，文本区域中的文本应该怎么样换行（hard换行（必须指定cols的值）；soft不换行）
<botton>定义一个按钮
botton属性：autofocus规定页面加载时按钮自动获得焦点（在按钮周边出现蓝色亮光）
disable禁用该按钮
form规定按钮属于一个或多个表单
formaction规定当提交表单时向何处发送表单数据。覆盖form元素的action属性。（url）
formenctype规定向服务器发送表单数据之前如何对其进行编码
属性值：application/x-www-form-urlencoded 在发送前对所有字符进行编码（默认）
multipart/form-data 不对字符编码。当使用有文件上传控件的表单时，该值是必需的。
text/plain 将空格转换为“+",但不编码特殊字符。
formmethod规定用于发送表单数据的HTTP方法。覆盖form元素的methon属性
属性值：get：以url变量（使用method=”get“）的形式来发送。表单数据在url中以name/value对出现；get传送数据量不能大于2kb；不可传送敏感信息
post：以HTTP post的形式发送表单数据；较安全；没有大小限制
formnovalidata使用该属性，提交表单时不进行验证。覆盖form元素的novalidata属性。
formtarget规定在何处打开action URL.覆盖form元素的terget属性。
属性值：_blank在新窗口/选项卡中将表单提交到文档
_self在同一框架中将表单提交到文档（默认）
_parent在父框架中将表单提交到文档
_top在整个窗口将表单提交到文档
framename在制定的框架中将表单提交到文档
name规定按钮的名称（在后边使用css更改样式的时候用到name）
type规定按钮的类型
button该按钮是重置按钮
reset该按钮是可点击按钮
submit该按钮时提交按钮
value规定按钮的初始值（显示在按钮表面的文字或图案）
<select>用来创建下拉列表
select属性： autofocus,disable,form
multiple规定可同时选多个选型 
name定义下拉列表的名称
required规定用户在提交表单前必需选择一个下拉列表的选项
size（number）规定下拉列表中可见选项的数目
<option>规定下拉列表中的一个选项；通常不带有任何属性使用，但是通常需要使用value属性，此属性会指示服务器的内容。与select连用。
<option>属性：disabled，value
lable（text）定义当使用<optgroup>时所使用的标注。 
selected规定选项（在首次显示在列表时）表现在选中状态。（刚拉开列表时默认选中的一个）
<optgroup>用于把相关的选型组合在一起。当选项很多时可以使用
（属性：disable，label（图中的加粗黑体字，不可被选中，只是描述组））
<fieldset>将表单内的相关元素分组，并在相关表单元素周围绘制边框。
<fieldset>属性：disable，form,name
<lengend>定义fieldset元素的标题。
<lable>为input元素定义标注。如果你在label元素内点击文本，就会触发控件。<label>标签的for属性应与相关元素的id属性相同
<lable>属性：for（元素id）规定lable与哪个表单元素绑定
<form>
<datalist>规定了input元素可能的选项列表
（在输入框输入的时候会出现下拉选项）
<keygen>规定用于表单的密钥对生成器的字段。当提交表单时，私钥存储在本地，公钥发送到服务器。
<keygen>属性：autofocus使<keygen>字段在加载时获得焦点。
challenge如果使用，则将keygen的值设置为在提交时询问。
disabled禁用<keygen>字段
form定义该<keygen>字段所属的一个或多个表单。
keytype定义密钥的安全算法。
keytype属性值：rsa 默认。规定RSA安全算法。RSA密钥强度可有用户选择。
dsa规定DSA安全算法。DSA密钥长度可由用户选择。
ec规定EC安全算法。EC密钥强度可由用户选择。
ec
name定义元素的唯一名称。name属性用于在提交表单时搜集字段的值。
<output>定义一个计算的结果
<output>属性：for描述计算中使用的元素与计算结果之间的联系。
form定义输入字段所属的一个或多个表单。
name定义对象的唯一名称（表单提交时使用）
框架
<iframe>定义内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
<iframe>属性：height，width规定<iframe>的高度和宽度。
name规定<iframe>的名称
sandbox对<iframe>的内容定义一系列额外的限制
sandbox属性值：” “启用所有限制条件
allow-same-origin允许将内容作为普通来源对待。如果未使用该关键字，嵌入的内容将被视为一个独立的源。
allow-top-navigation嵌入的页面的上下文可以导航（加载）内容到顶级的浏览上下文环境。如果未使用该关键字，这个操作不可使用
allow-forms允许表单提交
allow-scripts允许脚本执行
seamless规定<iframe>看起来像是父文档中的一部分。（没有边框和滚动条）
src(url)规定在<iframe>中显示的文档的URL。
srcdoc（HTML_code）规定页面中HTML内容显示在<iframe>中。
图像
<img>定义图像
<img>属性：alt规定图像的替代文本
crossorigin（anonymous，use-credentials）设置图像的跨域属性
height，width规定图像的高度和宽度。
ismap将图像规定为服务器端图像映射。
src规定显示图像的url
usemap将图像定义为客户器端图像
<map>定义图像映射
<map>属性： name必需。为image-map规定的名称。
<area>定义图像map内部的区域。
<area>属性：alt规定区域的替代文本。如果使用href属性，则该属性是必需的。
coords规定区域的坐标。
x1,y1,x2,y2 如果shape属性设置为“rect”，则该值规定矩形左上角和右下角的坐标。
x,y,radius如果shape属性设置为“circ”，则该值规定圆心的坐标和半径。
x1,y1,x2,y2,...,xn,yn如果shape属性设置为“poly”，则该值规定多边形各顶点的值，如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必需添加最后一对坐标。
href规定区域的目标url
hreflang规定目标url的语言（参考语言代码集参考手册）
media规定目标url是以何种媒介/设备优化的。默认：all
设备 all默认。适应所有设备
auarl语音合成器
braille盲文反馈设备
handheld手持设备
projection投影仪
print打印预览模式/打印页数
screen电脑屏幕
tty电传打字机和类似使用固定间距字符网格的介质
tv电视类型设备
值： width，height指定的显示区域的宽度和高度。通常使用“min-”,"max-"前缀
device-width,device-height指定目标显示/打印纸的宽度和高度。通常使用“min-”,"max-"前缀
portrait，landscape指定目标显示/纸的方向
aspect-ratio指定的目标的显示区域的宽度/高度比例
device-aspect-ratio指定目标的显示区域的设备宽度/设备高度比例。
color指定目标显示每个像素颜色的位数。
color-index具体显示出来的像素位数
monochrome指定在一个单色的帧缓冲器的像素位数
resolutiion指定目标显示/纸的像素密度
scan指定一个电视显示屏的扫描方法。（progressive,interlace）
grid指定输出设备是电网或者位图（1，0）
rel规定当前文档与目标url之间的关系。
属性值altrnate文档的替代版本（比如打印页、翻译或镜像）
author链接到文档的作者。
bookmark用于书签的永久网址。
help链接到帮助文档
license连接到文档的版权信息
next选项中的下一个文档。
nofollow是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎不要追踪此网页上的链接或者不要追踪此特定链接。
noreferrer如果用户点击链接指定浏览器不要发送HTTP referer头部信息
prefetch指定的目标文件应该被缓存。
prev选项中的前一个文档。
tag当前文档的标签（关键字）
shape规定区域的形状
default规定全部区域
rect定义矩形区域
circle定义圆形
poly定义多边形区域
target规定在何处打开目标的URL
_blank在新窗口打开被链接的文档
_parent在父框架中打开被链接文档
_self在相同的框架中打开被链接的文档
_top在整个窗口打开被链接文档
framename在指定的框架中打开被链接文档
type规定目标URL的MIME类型（包括application,audio,font,example,image,message,model,multipart,text,video）
<canvas>通过脚本（js）来绘制图形（图标或其他图像）
<canvas>属性：height 规定画布的高度
width规定画布的宽度
<figcaption>定义一个捕获<figure>的元素。（自动找到对象并在其下面添加文本，即为<figcaption定义标题>（图名））
<figure>用于对元素进行整合。规定独立的流内容（图片，图表，照片，代码等。元素的内容应该与主内容相关，同时元素的位置相对于著内容是独立的。如果被删除，则不应对文档流产生影响）
Audio/Video
<audio>定义声音，比如音乐流和其他音频流（MP3，war，Ogg）
属性值：autoplay如果出现该属性，则音频在就绪之后马上播放
controls如果出现该属性，则向用户显示音频控件（播放/暂停按钮）
loop如果出现该属性，则每当音频结束时重新开始播放
muted如果出现该属性，则音频输出为静音。
preload（auto,metadata,none）规定网页加载时，音频是否默认加载以及如何被加载。
src（URL）规定音频文件的url
<source>定义media元素（<video><audio>的媒体资源）
属性值：media规定媒体资源的类型，供浏览器决定是否下载（见media的属性值）
src规定媒体文件的URL
type规定媒体资源的MIME类型(MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。)
<track>为媒体元素定义外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件时可见的。
属性值：default归档该轨道是默认的，如果用户没有选择任何轨道，则使用默认轨道
kind规定文本轨道的文本类型
属性值：captions该轨道定义将在播放器中显示的简短说明。
chapter该轨道定义章节，用于导航媒介资源。
descriptions该轨道定义描述，用于通过音频描述媒介的内容
metadata该轨道定义脚本使用的内容。
subtitles该轨道定义字幕，用于在视频中显示字幕。
lable规定文本轨道的标签和标题
src规定轨道文件的URL
srclang规定轨道文本数据的语言。如果kind属性值是“subtitles”，则该属性是必须的
<Video>定义一个音频或者视频。（MP4,WebM,Ogg）
属性值：autoplay
controls
height
width
loop
muted
poster规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload视频在加载时加载并预备播放。如果使用autoplay则忽略该属性。
src
链接
<a>定义一个链接
属性值：download指定下载链接
href规定链接目标的URL
hreflang规定目标URL的基准语言。
media规定目标URL的媒介类型。
rel规定当前文档与目标URL之间的关系。
target规定在何处打开目标URL。
type规定MIME类型。
<link>定义文档与外部资源的关系。常见用途是链接样式表。
属性值：href,hreflang,media,rel,sizes,type
<nav>定义导航链接,只作为标注一个导航链接的区域。
列表
<ul>定义一个无序列表
<ol>定义一个有序列表
<li>定义一个列表项
<dl>定义一个定义列表
<dt>定义一个定义列表中的项目
<dd>定义定义列表中项目的描述
<menu>定义菜单列表
<command>定义用户可能调用的命令（比如单选按钮、复选框或按钮）
表格
<table>定义一个表格
<caption>定义表格标题
<th>定义表格中表头单元格
<tr>定义表格中的行
<td>定义单元格中的单元
<thead>定义表格中的表头内容
<tbody>定义表格中的主体内容
<tfoot>定义表格中的脚注
<col>定义表格中一个或多个列的属性值
<colgroup>定义表格中供格式化的列组。
样式/节
<style>定义文档的样式信息
<div>定义文档中的节
<span>定义文档中的节
<header>定义一个文档的头部部份
<footer>定义一个文档的底部
<section>定义了文档的某个区域
<article>定义一个文章内容
<aside>定义其所处内容之外的内容
<details>定义了用户可见的或者隐藏的需求的补充细节
<dialog>定义一个对话框或者窗口
<summary>定义一个可见的标题。当用户点击标题时会显示出详细信息。
元信息
<head>定义关于文档的信息
<meta>定义关于HTML文档的元信息
<base>定义页面中所有链接的默认地址或者默认目标
程序
<script>定义客户端脚本
<noscript>定义针对不支持客户端脚本的用户的替代内容
<embed>定义一个容器，用来嵌入外部应用或者互动程序（插件）
<object>定义嵌入的对象
<param>定义对象的参数。
html全局属性
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)（class="这里可以填写多个class属性"）
id 定义元素唯一的id （id=" 引号里只可以填入一个id，多个无效"）
style 规定元素的行内样式
title 描述了元素的额外信息
accesskey 设置访问元素的键盘快捷键
contenteditable 规定是否可以编辑元素的内容
contextmenu 指定一个元素的上下文菜单，当用户右击该元素，出现上下文菜单
data-* 用于存储页面的自定义数据
dir 设置元素中内容的文本方向
draggable 指定某个元素是否可以拖动
dropzone 指定是否将数据复制、移动，或链接，或删除
hidden hidden属性规定对元素进行隐藏
lang 规定元素中内容的语言代码
spellcheck 检查元素是狗拼写错误
tabindex 设置元素的Tab键控制次序
translate 指定是否一个元素的值在页面载入时是否需要翻译
HTML事件属性
窗口事件
onsfterprint在打印文档之后运行脚本
onbeforeprint在文档打印之前运行脚本
onbeforeonload在文档加载之前运行脚本
onblur在窗口失去焦点时运行脚本
onerror在错误时运行脚本
onfocus在窗口获得焦点时运行脚本
onhaschange当文档改变时运行脚本
onload当文档加载时运行脚本
onmessage当触发消息时运行脚本
onoffline当文档离线时运行脚本
ononline当文档上线时运行脚本
onpagehide当窗口隐藏时运行脚本
onpageshow当窗口可见时运行脚本
onpopstate当窗口历史纪录改变时运行脚本
onredo当文档再执行操作时运行脚本
onresize当调整窗口大小时运行脚本
onstorage当Web Storage区域更新时（存储空间中的数据发生变化时）运行脚本
onundo当文档执行撤销时运行脚本
onunload当用户离开文档时运行脚本
表单事件
onblur当元素失去焦点时运行脚本
onchange当元素改变时运行脚本
oncontextmenu当触发上下文菜单时运行脚本
onfocus当元素获得焦点时运行脚本
onforminput当表单获得用户输入时运行脚本
oninput当元素获得用户输入时运行脚本
oninvalid当元素无效时运行脚本
onselect当选取元素时运行脚本
onsubmit当提交表单时运行脚本
键盘事件
onkeydown当按下按键时运行脚本
onkeypress当按下并松开按键时运行脚本
onkeyup当松开按键时运行脚本
鼠标事件
onclick当单击鼠标时运行脚本
ondbclick当双击鼠标时运行脚本
ondrag当拖动元素时运行脚本
ondragend当拖动操作结束时运行脚本
ondragenter当元素被拖动至有效的拖放目标时运行脚本
ondragover当元素被拖动至有效拖放目标上方时运行脚本
ondragstart当拖动操作开始时运行脚本
ondrop当被拖动元素正在被拖放时运行脚本
onmousedown当按下鼠标按钮时运行脚本
onmousemove当鼠标指针移动时运行脚本
onmouseout当鼠标指针移出元素时运行脚本
onmouseover当鼠标指针移至元素之上时运行脚本
onmouseup当松开鼠标按钮时运行脚本
onmousewheel当转动鼠标滚轮时运行脚本
onscroll当滚动元素的滚动条时运行脚本
多媒体事件
onabort当发生中止事件时运行脚本
oncanplay当媒介能够开始播放但可能因为缓冲而需要停止时运行脚本
oncanplaythrough当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本
ondurationchange当媒介长度改变时运行脚本
onemptied当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本
onended当媒介已抵达结尾时运行脚本
onerror当元素加载期间发生错误时运行的脚本
onloadeddata当加载媒介数据时运行脚本
onloadedmetadata当媒介元素的持续时间以及其他媒介数据已加载时运行脚本
onloadstart当浏览器开始加载媒介数据时运行脚本
onpause当媒介数据暂停时运行脚本
onplay当媒介数据将要开始播放时运行脚本
onplaying当媒介数据已开始播放时运行脚本
onprogress当浏览器正在获取媒介数据时运行脚本
onreadystatechange当就绪状态改变时运行脚本
onratechange当媒介数据的播放速率改变时运行脚本
onseeked当媒介元素的定位属性不再为真且定位已结束时运行脚本
onseeking当媒介元素的定位属性为真且定位已开始时运行脚本
onstalled当取回媒介数据过程中（延迟）存在错误时运行脚本
onsuspend当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本
ontimeupdata当媒介改变其播放位置时运行脚本
onvolumechange当媒介改变音量亦或当音量被设置为静音时运行脚本
onwaiting当媒介已停止播放但打算继续播放时运行脚本
其他事件
onshow当<menu>元素在上下文显示时触发
ontoggle当用户打开或关闭<details>元素时触发
全文结束，在下一节编写一篇拥有所有标签的HTML文档代码
428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
