HTML5基本标签<搬运>

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

HTML语言基本标签：

创建一个HTML文档<html></html>

设置文档标题以及其他不在WEB网页上显示的信息<head></head>

设置文档的可见部分<body></body>

标题标签

将文档的题目放在标题栏中<title></title>

文档整体属性

设置背景颜色，使用名字或十六进制值<body bgcolor=?>

设置文本文字颜色，使用名字或十六进制值<body text=?>

设置链接颜色，使用名字或十六进制值<body link=?>

设置已使用的链接的颜色，使用名字或十六进制值<body vlink=?>

设置正在被击中的链接的颜色，使用名字或十六进制值<body alink=?>

文本标签

创建预格式化文本<pre></pre>

创建最大的标题<h1></h1>

创建最小的标题<h6></h6>

创建黑体字<b></b>

创建斜体字<i></i>

创建打字机风格的字体<tt></tt>

创建一个引用，通常是斜体<cite></cite>

加重一个单词（通常是斜体加黑体）<em></em>

加重一个单词（通常是斜体加黑体）<strong></strong>

设置字体大小，从1到7 <font size=?></font>

设置字体的颜色，使用名字或十六进制值<font color=?></font>

链接

创建一个超链接<a href="URL"></a>

创建一个自动发送电子邮件的链接<a href="mailto:EMAIL">.... </a>

创建一个位于文档内部的靶位<a name="NAME"></a>

创建一个指向位于文档内部靶位的链接<a href="#NAME"></a>

格式排版

创建一个新的段落<p>

将段落按左、中、右对齐<p align=?>

插入一个回车换行符<br>

从两边缩进文本<blockquote>

</blockquote>

创建一个定义列表<dl></dl>

放在每个定义术语词之前<dt>

放在每个定义之前<dd>

创建一个标有数字的列表<ol></ol>

放在每个数字列表项之前，并加上一个数字<li>

创建一个标有圆点的列表<ul></ul>

放在每个圆点列表项之前，并加上一个圆点<li>

一个用来排版大块HTML段落的标签，也用于格式化表<div align=?>

图形元素

添加一个图像<img src="name">

排列对齐一个图像：左中右或上中下<img src="name" align=?>

设置围绕一个图像的边框的大小<img src="name" border=?>

加入一条水平线<hr>

设置水平线的大小（高度）<hr size=?>

设置水平线的宽度（百分比或绝对像素点）<hr width=?>

创建一个没有阴影的水平线<hr noshade>

表格

创建一个表格<table></table>

开始表格中的每一行<tr></tr>

开始一行中的每一个格子<td></td>

设置表格头：一个通常使用黑体居中文字的格子<th></th>

表格属性

设置围绕表格的边框的宽度<table border=#>

设置表格格子之间空间的大小<table cellspacing=#>

设置表格格子边框与其内部内容之间空间的大小<table cellpadding=#>

设置表格的宽度－用绝对像素值或文档总宽度的百分比<table width=# or %> 设置表格格子的水平对齐（左中右）<tr align=?> or <td align=?>

设置表格格子的垂直对齐（上中下）<tr valign=?> or <td valign=?>

设置一个表格格子应跨占的列数（缺省为1）<td colspan=#>

设置一个表格格子应跨占的行数（缺省为1）<td rowspan=#>

禁止表格格子内的内容自动断行回卷<td nowrap>

窗框

放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中

<frameset></frameset>

定义一个窗框内的行数，可以使用绝对像素值或高度的百分比<frameset

rows="value,value">

定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比<frameset

cols="value,value">

定义一个窗框内的单一窗或窗区域<frame>

定义在不支持窗框的浏览器中显示什么提示<noframes></noframes>

窗框属性

规定窗框内显示什么HTML文档<frame src="URL">

命名窗框或区域以便别的窗框可以指向它<frame name="name">

定义窗框左右边缘的空白大小，必须大于等于1 <frame marginwidth=#>

定义窗框上下边缘的空白大小，必须大于等于1 <frame marginheight=#>

设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto" <frame scrolling=VALUE>

禁止用户调整一个窗框的大小<frame noresize>

表单

对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。创建所有表单<form></form>

创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目<select multiple name="NAME" size=?></select>

设置每个表单项的内容<option>

创建一个下拉菜单<select name="NAME"></select>

设置每个菜单项的内容<option>

创建一个文本框区域，列的数目设置宽度，行的数目设置高度<textarea name="NAME" cols=40 rows=8></textarea>

创建一个复选框，文字在标签后面<input type="checkbox" name="NAME">

创建一个单选框，文字在标签后面<input type="radio" name="NAME" value="x"> 创建一个单行文本输入区域，size设置以字符计的宽度<input type=text name="foo" size=20>

创建一个submit（提交）按钮<input type="submit" value="NAME">

创建一个使用图象的submit（提交）按钮<input type="image" border=0 name="NAME" src="name.gif">

创建一个reset（重置）按钮<input type="reset">

HTML标签大全<!> 跑马灯

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色

<marquee scrollamount=30>...</marquee>设定卷动距离

<marquee scrolldelay=300>...</marquee>设定卷动时间

<!>字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt> 打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>字体颜色

<font size=1>...</font>最小字体

<font style =font-size:100 px>...</font>无限增大

<!>区断标记

<hr>水平线

<hr size=9>水平线(设定大小)

<hr width=80%>水平线(设定宽度)

<hr color=ff0000>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>连结格式

<base href=地址>(预设好连结路径)

<a href=地址></a>外部连结

<a href=地址target=_blank></a>外部连结(另开新窗口)

<a href=地址target=_top></a>外部连结(全窗口连结)

<a href=地址target=页框名></a>外部连结(在指定页框连结)

<!>贴图/音乐

<img src=图片地址>贴图

<img src=图片地址width=180>设定图片宽度

<img src=图片地址height=30>设定图片高度

<img src=图片地址alt=提示文字>设定图片提示文字

<img src=图片地址border=1>设定图片边框

<bgsound src=MID音乐文件地址>背景音乐设定

<!>表格语法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割窗口

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<frameset cols="20%,*">分割左右两个框架

<frameset cols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<frameset rows="20%,*,20%">分割上中下三个框架

<A HREF TARGET> 指定超级链接的分割窗口

<A HREF=#锚的名称> 指定锚名称的超级链接

<A HREF> 指定超级链接

<A NAME=锚的名称> 被连结点的名称

<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

<B> 粗体字

<BASE TARGET> 指定超级链接的分割窗口

<BASEFONT SIZE> 更改预设字形大小

<BGSOUND SRC> 加入背景音乐

<BIG> 显示大字体

<BLINK> 闪烁的文字

<BODY TEXT LINK VLINK> 设定文字颜色<BODY> 显示本文

<BR> 换行

<CAPTION ALIGN> 设定表格标题位置

<CAPTION>...</CAPTION> 为表格加上标题<CENTER> 向中对齐

<CITE>...<CITE> 用于引经据典的文字<CODE>...</CODE> 用于列出一段程序代码<COMMENT>...</COMMENT> 加上批注

<DD> 设定定义列表的项目解说

<DFN>...</DFN> 显示"定义"文字

<DIR>...</DIR> 列表文字卷标

<DL>...</DL> 设定定义列表的卷标

<DT> 设定定义列表的项目

<EM> 强调之用

<FONT FACE> 任意指定所用的字形

<FONT SIZE> 设定字体大小

<FORM ACTION> 设定户动式窗体的处理方式

<FORM METHOD> 设定户动式窗体之资料传送方式<FRAME MARGINHEIGHT> 设定窗口的上下边界<FRAME MARGINWIDTH> 设定窗口的左右边界<FRAME NAME> 为分割窗口命名

<FRAME NORESIZE> 锁住分割窗口的大小

<FRAME SCROLLING> 设定分割窗口的滚动条

<FRAME SRC> 将HTML文件加入窗口

<FRAMESET COLS> 将窗口分割成左右的子窗口

<FRAMESET ROWS> 将窗口分割成上下的子窗口

<FRAMESET>...</FRAMESET> 划分分割窗口

<H1>~<H6> 设定文字大小

<HEAD> 标示文件信息

<HR> 加上分网格线

<HTML> 文件的开始与结束

<I> 斜体字

<IMG ALIGN> 调整图形影像的位置

<IMG ALT> 为你的图形影像加注

<IMG DYNSRC LOOP> 加入影片

<IMG HEIGHT WIDTH> 插入图片并预设图形大小

<IMG HSPACE> 插入图片并预设图形的左右边界

<IMG LOWSRC> 预载图片功能

<IMG SRC BORDER> 设定图片边界

<IMG SRC> 插入图片

<IMG VSPACE> 插入图片并预设图形的上下边界

<INPUT TYPE NAME value> 在窗体中加入输入字段

<ISINDEX> 定义查询用窗体

<KBD>...</KBD> 表示使用者输入文字

<LI TYPE>...</LI> 列表的项目( 可指定符号)

<MARQUEE> 跑马灯效果

<MENU>...</MENU> 条列文字卷标

<META NAME="REFRESH" CONTENT URL> 自动更新文件内容

<MULTIPLE> 可同时选择多项的列表栏

<NOFRAME> 定义不出现分割窗口的文字

<OL>...</OL> 有序号的列表

<OPTION> 定义窗体中列表栏的项目

<P ALIGN> 设定对齐方向

<P> 分段

<PERSON>...</PERSON> 显示人名

<PRE> 使用原有排列

<SAMP>...</SAMP> 用于引用字

<SELECT>...</SELECT> 在窗体中定义列表栏

<SMALL> 显示小字体

<STRIKE> 文字加横线

<STRONG> 用于加强语气

<SUB> 下标字

<SUP> 上标字

<TABLE BORDER=n> 调整表格的宽线高度

<TABLE CELLPADDING> 调整数据域位之边界

<TABLE CELLSPACING> 调整表格线的宽度

<TABLE HEIGHT> 调整表格的高度

<TABLE WIDTH> 调整表格的宽度

<TABLE>...</TABLE> 产生表格的卷标

<TD ALIGN> 调整表格字段之左右对齐

<TD BGCOLOR> 设定表格字段之背景颜色

<TD COLSPAN ROWSPAN> 表格字段的合并

<TD NOWRAP> 设定表格字段不换行

<TD VALIGN> 调整表格字段之上下对齐

<TD WIDTH> 调整表格字段宽度

<TD>...</TD> 定义表格的数据域位

<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏

<TEXTAREA WRAP> 决定文字输入栏是自动否换行

<TH>...</TH> 定义表格的标头字段

<TITLE> 文件标题

<TR>...</TR> 定义表格美一行

<TT> 打字机字体

<U> 文字加底线

<UL TYPE>...</UL> 无序号的列表( 可指定符号)

<VAR>...</VAR> 用于显示变量

例:写一段图片HTML代码

<img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="测试">

该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性.

那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人,

以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了

以下的img可用的属性如果你只用过10个不到,那就只能说明你菜

.......

1 language = //语言类型,如<script language="vbs">这句代码中的language属性的值就为vbs 2 scrollHeight = 30 //自身元素的宽度(即显示的宽度)

3 isTextEdit = false //是否可以获取可使用该对象创建一个TextRange的对象

4 currentStyle = 该属性含有114个对象//返回当前属性的值,不可更改它的值

5 document = 该属性含有209个对象//这个就不用说了吧,是文档属性,

6 onmouseup = null //鼠标按下后松开鼠标时触发此事件

7 oncontextmenu = null //鼠标点右键后触发的事件

8 isMultiLine = true //是否允许含有多行文本,多用于文本框,用在img标签上无错,但效果不大

9 clientHeight = 30 //当前可见的该标签的高度为30,

10 onrowexit = null //数据源控件更改这个标签内的当前的行时触发某事件,多用在form表中

11 onbeforepaste = null //当在这个标签中粘贴内容时触发某事件,多用在文本框中

12 onactivate = null //当这个控件被触发时(被点击或者焦点移到了该标签上)发生某事件,

13 scrollLeft = 0 //被卷入的离左边界的宽度

14 lang = en-us //语言属性,和language不同,这个等同于网页语言

15 onmousemove = null //当鼠标在该标签上移动时发生某事件

16 onmove = null //浏览器的窗口被移动时触发此事件

17 onselectstart = null //当这个标签中的文本被选择时发生某事件

18 parentTextEdit = 该属性含有352个对象//又一个华丽的属性....用在框架中,作用详见第3条19 oncontrolselect = null //当用户将要对该对象制作一个控件选中区时触发某事件

20 canHaveHTML = false //获取表明对象是否可以包含丰富的HTML 标签的值,效果不明

21 onkeypress = null //当键盘上的被按下时发生某事件,

22 oncut = null //当该标签中发生剪切事件时触发某事件,常用于文本档标签,I

23 onrowenter = null // 当前记录指针被移动时发生某事件,常用于文本档,

24 onmousedown = null //按下鼠标时触发某事件

25 onpaste = null //当在该标签中发生粘贴事件时触发某事件

26 className = //当前标签的样式名称,这个属性常和CSS混用,比如PW的贴子目录页就用了这个27 id = imgs //该标签的ID值是多少

28 onreadystatechange = null //在同步执行方式下返回的值为多少,该死的XML就和这个经常私混29 onbeforedeactivate = null //当前对象变为其它对象之前立即触发,好像不常用

30 hideFocus = false //是否隐藏光标,常见于文本框

31 dir = //它定义文字在浏览器中的排列方向,如dir= LTR则为从左到右显示反之则为RTL,郁闷的特效

32 isContentEditable = false //该标签无素是否可编辑,经常见于某个论坛的发贴"所见即所得"

33 onkeydown = null //当键盘某键被按下时

34 clientWidth = 30 //在IE中可见的高度为多少

35 onlosecapture = null //当对象失去鼠标捕捉时触发某事件

36 parentElement = 该属性含有495个对象//又来一个华丽的框架获取父页元素的对象...

37 ondrag = null //这个标签被拖动结束时发生某事件

38 ondragstart = null //这个标签被拖动开始时发生某事件

39 oncellchange = null // 在数据供应者中的数据变更时触发,XML可用这个玩意,我还没用过

40 recordNumber = null //获取数据集中生成对象的原始记录,同上,XML可用

41 onfilterchange = null //当该标签中的filter特效被改变时触发某事件

42 onrowsinserted = null //当在当前记录集中插入新行后触发某事件

43 ondatasetcomplete = null //数据设置完成时触发某事件,常用于控件当中,这个属性我也没用过44 onmousewheel = null //这个就是传说中的可以用鼠标滚动来触发某个事件...

45 ondragenter = null //当鼠标拖动到这个标签中时触发某事件,没用过,不知道有没效

46 onblur = null //当这个标签失去焦点时发生某事件,常见于文本框

47 onresizeend = null //当用户更改完控件选中区中对象的尺寸时触发某事件

48 onerrorupdate = null //更新数据源对象中的关联数据出错时在数据绑定对象上触发某事件,XML... 49 onbeforecopy = null //在复制前触发某事件

50 ondblclick = null //鼠标双击时触发某事件

51 scopeName = HTML //该元素定义的命名空间类型,不常用,反正我没用过

52 onkeyup = null //当键按下之后被释放时触发某事件

53 onresizestart = null //被开始改变其窗口大小时触发某事件

54 onmouseover = null //当鼠标从该标签上移出去触发某事件

55 onmouseleave = null //当用户将鼠标指针移出这个标签边界时触发某事件

56 outerText = //用来获取该标签中的纯文本,包含起始处

57 innerText = //同上,但不包含起始处

58 onmoveend = null //当前窗口被移动完成时触发某事件

59 tagName = IMG //这个标签的名称是某值,如该值,即IMG

60 title = //主题说明,这个不说了,大家都用过

61 offsetWidth = 30 //可见的区域的高,与clientWidth不同,它还包含边线

62 onresize = null //当窗口被改变大小时触发某事件

63 contentEditable = inherit //该标签是否可直接编辑,不为FALSE,能为true,inherit是默认值,继承原设定64 runtimeStyle = 该属性含有627个对象//返回该标签的样式(总为空),和style与currentStyle有区别, 65 filters = 该属性含有628个对象//这个比较郁闷,没用过

66 ondrop = null //拖动时发生某事件

67 onpage = null //常用于XML的在线编辑,偶没用过,不知道具体例子

68 onrowsdelete = null //当行将要从记录集中被删除时触发某事件

69 tagUrn = //设置或获取在命名空间声明中指定的统一资源名称,没用过,应属于稀有属性了

70 offsetLeft = 10 //离左边相对窗口的宽值,常用于浮动的图或层显示

71 clientTop = 0 //距上边相对可见的窗口的高度为多少.这个倒没常用,凡正浮动特效不必靠它

72 style = 该属性含有760个对象//该标签的风格属性,这个大家都用得多了

73 onfocusout = null //在移动焦点到其它元素之后立即在当前拥有焦点的元素上触发某事件,.. 74 clientLeft = 0 //同71,只是值为距左边的值

75 ondatasetchanged = null //记录集中的数据修改完毕时触发某事件,XML中常见

76 canHaveChildren = false //该标签是否可以包含子对象

77 ondeactivate = null //用户切换到另一元素时触发,可见于网页编辑器的保存功能,

78 isDisabled = false //是否可与该标签交互,常见于华丽的选项特效

79 onpropertychange = null //当这标签属性被改变时发生某事件,这个巨有用,可用来作JS的安全检查80 ondragover = null //拖动移动该标签时发生某事件,感觉用JS写扑克牌游戏时经常用

81 onhelp = null //当被按下F1或帮助按钮时发生某事件,这个可以用来自定义帮助信息,比如用在PW上82 ondragend = null //在拖动结束的时候,在源对象上出发某事件,这个还是感觉用来写扑克牌的.... 83 onbeforeeditfocus = null //在该标签被选中编辑前触发某事件,在线编辑,,,貌视不常用

84 disabled = false //该标签的内容是否为禁止编辑,常见于文本框

85 onfocus = null //当该标签获得焦点时触发某事件,常用于PW的百度广告点击插件..汗...

86 behaviorUrns = 该属性含有762个对象//附加到该元素行为的URN字符串的集合,这个没用过..... 87 accessKey = //服务器控件指定键盘快捷键,比较好的JS网页游戏这个经常用,汗死......

88 onscroll = null //滚动条被拉动时发生某事件

89 onbeforeactivate = null //控件被触发前发生某事件,按钮之类的常用

90 onbeforecut = null //在内容被剪切前发生某事件

91 readyState = uninitialized //是否为只读属性,常用于该死的XMLHTTP

92 all = 该属性含有763个对象//all这玩意JS里面常用,是属性全局属性

93 sourceIndex = 4 //获取对象在源序中的依次位置,常用在all集合中,是个很爽的属性

94 onclick = null //当被当击时发生某事件

95 scrollTop = 0 //被卷上去的高值为多少

96 oncopy = null //当被复制时发生某事件

97 onfocusin = null //当将要被设置为焦点之前触发某事件

98 tabIndex = 0 //使用"Tab"键的遍历顺序,后面的数字就是顺序,从0到大的顺序,很爽的一个娱乐类属性99 onbeforeupdate = null //成功更新数据源对象中的关联对象前触发某事件,XMLHTTP中用

100 outerHTML = //这个就是当前标签(包含标签)的全部内容是什么,返回HTML代码,JS常用的玩意101 innerHTML = //同上,但不包含标签,即不包含<和>两个符号之间的内容

102 ondataavailable = null //只要一获得有效的数据就会被触发某事件,XMLHTTP.....

103 offsetHeight = 30 //可见区域高,包含边框

104 onmovestart = null //当本标签开始移动时触发某事件

105 onmouseout = null //当鼠标移出该标签时触发某事件

106 scrollWidth = 30 //全标签的宽值

107 offsetTop = 15 //在可见区域中离顶部的高

108 onmouseenter = null //鼠标移入时发生某事件

109 onlayoutcomplete = null //LayoutRect 停止响应后触发某事件

110 offsetParent = //该属性含有906个对象//指定父座标的属性,...华丽的代码堆.....

111 onafterupdate = null //当成功更新数据源对象中的关联对象后发生某事件

112 ondragleave = null //当拖曳操作过程中将鼠标移出合法拖曳目标时在该标签上触发某事件113 children = //该属性含有907个对象//又是一个数组属性堆....

114 start = fileopen //一个比较牛B的属性,可以定义当某事件发生时再执行该标签内容,常见于多媒体115 firstChild = null //指定节点的首个子节点的值是什么,XML DOM中用....偶没用过....

116 href = http ://localhost/phpwind6/zx/6. jpg //标签中的链接地址

117 height = 30 //高度值

118 alt = 测试//图片说明

119 isMap = false //是否为热点图片,就是一个图片上可以有N个链接的那种

120 fileModifiedDate = 04/16/2008 //文件修改日期是多少,在图片上点个右键就可以看到的

121 fileUpdatedDate = 02/13/2008 //同上,但是为最后的更新日期,貌视2个大多数情况下都一样122 dataSrc = //指定绑定到指定对象的给定数据源的字段,看XML去.....

123 onerror = null //标签中的内容被加载错误时触发某事件

124 hspace = 0 //设置或返回图像的左边缘和右边缘的空白,配合JS又将是一个华丽的图片特效.... 125 previousSibling = null //某节点之前紧跟的节点(处于同一树层级) ,又是XML.....

126 loop = 1 //媒体文件的开启次数,这个常见吧?没想到还能用在IMG标签.....

127 protocol = 超文本传输协议//协议类型

128 lastChild = null //返回指定节点中的最后一个子节点,还是XML.....

129 nodeName = IMG //传回该标签的名称,..为只读属性....这就是和TagName的区别....

130 nodeType = 1 //返回已选节点的节点类型。仍是XML

131 dynsrc = //你想给音乐加载前加上图片吗?那就用这个属性吧....

132 attributes = 该属性含有1008个对象//返回文件或文件夹的属性.....用来检测用的....

133 childNodes = 该属性含有1009个对象//可返回指定节点的子节点的节点列表,又一个XML数组134 src = http ://localhost/phpwind6/zx/6. jpg //图像标签的图片地址

135 dataFld = //XML是靠这玩意来设定要描述元素的命称的

136 ownerDocument = 该属性含有1104个对象//返回节点的根元素(文档对象)。我没用过,火星了..... 137 parentNode = 该属性含有1247个对象//回指定节点的父节点的属性值,XML....

138 onabort = null //当被取消时发生某事件

139 fileSize = 782 //用这玩意来检测文件大小,单位字节

140 dataFormatAs = //可以为HTML或TEXT,貌视是用来格式化标签数据的

141 width = 30 //高度值,汗...这个常用属性被排后面来了

142 vrml = //想要了解这个属性,先去学学vrml语言,反正我不想学...

143 onload = null //当被完全载入完毕时发生某事件

144 align = //水平对齐的属性,这个比较常用,比如居中就是align=center

145 useMap = //指明所使用的图像地图名,IMG标签专用,汗....

146 lowsrc = //可设置或返回分辨率比较低的图片地址,知道什么是缩略图吧.....

147 fileCreatedDate = 04/16/2008 //文件的创建日期,IMG标签倒是常用

148 complete = false //可以检查图象是否加载完成,这个爽,用来仿FLASH的加载过程很爽

149 nextSibling = 该属性含有1260个对象//文件子节点列表中传回下一个序列的节点,不说了,又是XML 150 vspace = 0 //设置或返回图像的顶部和底部的空白,经常和hspace一起鬼混

151 mimeType = JPEG 图像//返回图像类型

152 nodeValue = null //传回的文字代表以节点的nodeType,常用在XML中

153 nameProp = 6.jpg //获取由对象的href 或src 属性指定的文件名,用来判断地址的合法性很有用154 border = //边框值的大小,你经常看到图像周围都有一个难看的框框?把border=0加在标签中就行了155 longDesc = //这个是用来补ALT属性的不足的,可以用那种大段大段的文字来充当图片说明156 name = //和ID差不多,常用在FORM表中

HTML5标签大全

一、文字备忘之标签

HTML5中新增的标签<article> 定义文章

<aside> 定义页面内容旁边的内容 <audio> 定义声音内容

<canvas> 定义图形 <command> 定义一个控制按钮

<datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表

<details> 定义一个元素的细节 <dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件 <figcaption>定义指定元素的标题

<figure> 定义一组媒体内容，以及他们的标题 <footer> 为章节或页面定义一个底部

<header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息

<keygen> 定义表单生成的关键 <mark> 定义被标记的文本

<meter> 定义预定义范围内的测量 <nav> 定义导航链接

<output> 定义某种类型的输出 <progress> 定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释

<ruby> 定义ruby 注释（中文注音或字符）。 <section> 定义章节

<source> 定义媒体资源 <summary> 定义某”detail”元素的头部

<time> 定义日期/时间 <video> 定义视频

<wbr> 定义可能的换行

HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释

<!DOCTYPE> 定义文档类型 <a> 定义超链接

<abbr> 定义缩写 <address> 定义地址元素

<area> 定义图片地图的某区域 <b> 定义加粗文字

<base> 定义整个页面的基础URL <bdo> 定义文本显示的方向

<blockquote> 定义一个长引用 <body> 定义主体元素

<br> 插入单个的换行 <button> 定义按钮

<caption> 定义表格的标题 <cite> 定义引用

<code> 定义计算机代码文本 <col> 定义表格列的属性

<colgroup> 定义表格列的组 <dd> 定义个定义描述

<del> 定义删除文本 <dfn> 定义个定义项

<div> 定义文档章节 <dl> 定义定义列表

<dt> 定义定义项 <em> 定义强调文本

<fieldset> 定义控件组 <form> 定义表单

<h1>到<h6> 定义头部1到头部6 <head> 定义文档信息

<hr> 定义水平线 <html> 定义个html文档

<i> 定义倾斜文本 <iframe> 定义内联替代窗口（框架）

<img> 定义个图片 <input> 定义输入域

<ins> 定义插入文本 <kbd> 定义键盘文本

<label> 定义表单控件的标签 <legend> 定义控件组的标题

<li> 定义列表项 <link> 定义相关资源

<map> 定义图片地图 <menu> 定义菜单列表

<meta> 定义元信息 <noscript> 定义无脚本章节

<object> 定义内嵌对象 <ol> 定义一个有序列表

<optgroup> 定义个选项组 <option> 定义下拉列表选项

<p> 定义段落 <params> 定义object的参数

<pre> 定义预格式化文本 <q> 定义短引用

<s> 定义不再正确的文本 <samp> 定义简单的计算机代码

<script> 定义脚本 <select> 定义可选择列表

<small> 定义小点的文本 <span> 定义文档章节

<strong> 定义强调的文字 <style> 定义一个样式定义

<sub> 定义下标文字 <sup> 定义上标文字

<table> 定义表格 <tbody> 定义表格的主体

<td> 定义表格单元格 <textarea> 定义文本域

<tfoot> 定义表格底部 <th> 定义表格头

<thead> 定义表格头 <title> 定义文档的标题

<tr> 定义表格行 <ul> 定义无序列表

<var> 定义变量

HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词

<applet> 定义内嵌的小应用程序 <basefont> 定义文档中基本的字体属性

<big> 让文字变大点 <center> 居中显示文字或内容

<dir> 定义目录列表 <font> 指定字体种类，大小，颜色等

<frame> 在框架集中定义独有的窗体 <frameset> 定义框架集，包含多个窗体

<noframe> 当浏览器不支持框架的时候显示文字 <strike> 定义删除线文本

<tt> 定义电传打字机文本 <u> 定义下划线文字

<xmp> 定义格式化的文字

HTML5中新增的标签<article> 定义文章

<aside> 定义页面内容旁边的内容 <audio> 定义声音内容

<canvas> 定义图形 <command> 定义一个控制按钮

<datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表

<details> 定义一个元素的细节 <dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件 <figcaption> 定义指定元素的标题

<figure> 定义一组媒体内容，以及他们的标题 <footer> 为章节或页面定义一个底部

<header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息

<keygen> 定义表单生成的关键 <mark> 定义被标记的文本

<meter> 定义预定义范围内的测量 <nav> 定义导航链接

<output> 定义某种类型的输出 <progress> 定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释

<ruby> 定义ruby 注释（中文注音或字符）。 <section> 定义章节

<source> 定义媒体资源 <summary> 定义某”detail”元素的头部<time> 定义日期/时间 <video> 定义视频

<wbr> 定义可能的换行

二、HTML5文字备忘之全局属性

HTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | false

contextmenu 定义元素的上下文菜单menu id

draggable 指定是否允许用户拖拽元素true|false|auto

dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link

hidden 指定元素不相干hidden

spellcheck 指定是否元素要进行拼写检查true | false

HTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | false

contextmenu 定义元素的上下文菜单menu id

draggable 指定是否允许用户拖拽元素true|false|auto

dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link

hidden 指定元素不相干hidden

spellcheck 指定是否元素要进行拼写检查true | false

已存在的全局属性accesskey 指定访问元素的快捷键字符(character)

class 指定元素的类名（为样式表）类名(classname)

dir 指定元素文本内容的对齐方向ltr|rtl

id 为元素指定唯一的idid

lang 为元素内容指定语言代码语言代码(language code)

style 指定元素的内联样式样式定义(style definition)

tabindex 指定元素的tab顺序数值(nubmer)

title 指定元素额外的信息文本(text)

已存在的全局属性accesskey 指定访问元素的快捷键字符(character)

class 指定元素的类名（为样式表）类名(classname)

dir 指定元素文本内容的对齐方向ltr|rtl

id 为元素指定唯一的idid

lang 为元素内容指定语言代码语言代码(language code)

style 指定元素的内联样式样式定义(style definition)

tabindex 指定元素的tab顺序数值(nubmer)

title 指定元素额外的信息文本(text)

三、HTML5文字备忘之事件属性

1. window对象

window新增事件属性onafterprint在文档打印之后执行 onbeforeprint 在文档打印之前执行

onbeforeloaded 在文档加载完毕之前执行 onerror 当错误发生时执行

onhaschange 当文档发生改变的时候执行 onmessage 当该信息被触发的时候执行

onoffline 当文档离线的时候执行 ononline 当文档上线的时候执行

onpagehide 当窗体隐藏的时候执行 onpageshow 当窗体显示的时候执行 onpopstate 当窗体历史改变的时候执行 onredo 当文档执行恢复上一次操作的时候执行

onresize 当窗体大小改变的时候执行 onstorage 当文档加载ok的时候执行

onondo 当文档执行恢复之前一次操作的时候执行 onunload 当用户离开文档的时候执行

window已存在事件属性onblur 当窗体失去焦点的时候执行onfocus 当窗体获得焦点的时候执行

onload 当文档加载完毕的时候执行

2. form表单的事件属性

form表单新增事件属性oncontextmenu 当上下文菜单被触发的时候执行

onformchange 当表单发生改变的时候执行 onforminput 当表单获得用户输入时候执行

oninput 当元素获得用户输入的时候执行 oninvalid 当元素验证无效的时候执行

form表单已支持事件属性onblur 当元素失去焦点的时候执行

onchange 当元素改变的时候执行 onfocus 当元素获得焦点的时候执行

onselect 当元素被选择的时候执行 onsubmit 当表单被提交的时候执行

HTML5不支持的form表单事件属性onreset 当表单重置的时候执行

3. 键盘事件

已存在的键盘事件属性onkeydown 当键按下的时候执行

onkeypress 当键按下并释放的时候执行onkeyup 当键抬起的时候执行

4. 鼠标事件

HTML5新增鼠标事件属性ondrag 当元素被拖拽的时候执行

ondragend 当元素拖拽操作结束的时候执行 ondragenter 当元素拖拽进入释放对象的时候

ondragleave 当元素拖拽离开释放对象的时候 ondragover 当元素拖拽经过释放对象的时候

ondragstart 当元素拖拽操作开始的时候执行 ondrop 当拖拽元素被放开的时候

onmouswheel 当鼠标滑轮滚动的时候执行 onscroll 当元素的滚动条滚动的时候执行

已存在的鼠标事件属性onclick 当鼠标点击的时候执行

ondbclick 当鼠标双击的时候执行 onmousedown 当鼠标按下的时候执行

onmousemove 当鼠标移动的时候执行 onmouseout 当鼠标移出元素的时候执行

onmouseover 当属性进入元素的时候执行 onmouseup 当鼠标抬起的时候执行

5. 媒体事件

HTML5中新增媒体事件oncanplay 当媒体可以播放的时候执行

oncanplaythrough 当媒体可以播放到最后的时候执行

ondurationchange 当媒体长度改变的时候执行

onemptied 当媒体资源元素变成空的时候执行

onended 当媒体已经到达最后的时候执行

onerror 当加载元素发生错误的时候执行

onloadeddata 当媒体数据加载完毕的时候执行

onloadedmetadata 当媒体元素的持续时间加载完毕的时候执行

onloadstart 当浏览器开始加载媒体数据的时候执行

onpause 当媒体数据暂停的时候执行

onplay 当媒体数据继续开始播放的时候执行

onplaying 当媒体数据已经开始播放的时候执行

onprogress 在浏览器正在获取媒体数据的时候执行

onratechange 当媒体数据播放比率发生改变的时候执行

onreadystatechange 当ready-state发生改变的时候执行

onseeked 当元素的seeking属性不是true的时候执行

onseeking 当元素的seeking属性是true的时候执行

onstalled 当获取元素数据发生错误的时候执行

onsuspend 当浏览器停止获取媒体数据的时候执行

ontimeupdate 当媒体改变其播放位置的时候执行

onvolumechange 当媒体音量大小发生改变的时候执行，包括无声

onwaiting 当媒体元素停止播放的时候

已存在的媒体事件属性onabort 碰到abort的时候执行

HTML5基本标签<搬运>的更多相关文章

HTML5 &lt&semi;details&gt&semi; 标签
HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 用法一般情况下,details用来对显示在页面的内容做进一步骤解释.其展 ...
JavaScript----Js操控-HTML5 &lt&semi;progress&gt&semi; 标签
Js操控----HTML5 <progress> 标签简单模拟下下载进度跑条 <h4>加载进度</h4> <input type="button& ...
HTML5新标签 w3c
w3c标准下的HTML5新标签 ,做个归纳总结: H5标签定义和用法兼容性 <artical> 规定独立的自包含内容, 支持html中的全局属性, 支持html中的事件属性 IE: 支 ...
HTML语义化：HTML5新标签——template
一.前言当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script标签加载进来:要么通过<script t ...
让ie浏览器支持html5新标签的解决方法(使用html5shiv)
没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
* HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加. * 拖拽释放(Drag an ...
HTML5 &lt&semi;a&gt&semi;标签的ping属性用法
随着移动互联网用户井喷式的增长,web前端开发中的HTML5在近几年备受瞩目,越来越多的人从事html5开发相关工作.今天小编也来凑个热闹,和大家一起来谈谈HTML5中<a>标签的ping ...
HTML5视频标签video
现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用<object>和<embed>标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏 ...
Html5新标签解释及用法
Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...

随机推荐

vimrc
我的vimrc https://github.com/juandx/vimrc 当然得装vundle git clone https://github.com/VundleVim/Vundle.vim ...
Elasticsearch在Windows下的安装
下载Elasticsearch,地址:elasticsearch.org/download 下载jdk,百度搜索jdk下载即可配置JAVA_HOME变量,配置方法在此文:http://jingyan ...
mysql中查询语句中的一个知识点说明
1, 简单说明. select * from tb_name where 1[不为零即可];则会显示所有记录,select * from tb_name where 0;则不显示任何记录假设数据库中 ...
Android 学习笔记之如何实现简单相机功能
PS:看来算法和数据结构还是非常有用的,以后每天都练习两道算法题目...这次忘了对代码进行折叠了..导致篇幅过长... 学习内容: 1.Android如何实现相机功能... 2.如何实现音频的录制.. ...
简单的Hibernate入门简介
其实Hibernate本身是个独立的框架,它不需要任何web server或application server的支持.然而,大多数的Hibernate入门介绍都加入了很多非Hibernate的东西, ...
A&period; Counting Kangaroos is Fun（贪心）
#include<stdio.h> #include<algorithm> using namespace std; ]; int main() { int i,n,high; ...
出现No Hibernate Session bound to thread, and configuration does not allow creation of non-transactional one here异常
问题描述: public void save(BaseEntity baseEntity) { Session session = null; try { session = currentSessi ...
Python内置函数(36)——iter
英文文档: iter(object[, sentinel]) Return an iterator object. The first argument is interpreted very dif ...
java 类的初始化顺序
有父类 1. 父类static成员变量 2. 父类static块 3. 父类非static成员 4. 父类非static块 5. 父类构造方法子类,也按照1-5顺序执行无父类 1. static成 ...
C++学习笔记51：排序
//直接插入排序函数模板 template <class T> void insertionSort(T a[], int n) { int i, ; T temp; ; i < n ...