html5中常用的标签

1.推荐w3school教程

2.使用css3制作文字，图片倒影

[文章链接](http://www.yangqq.com/jstt/css3/2014-12-09/734.html

3.html5中的新标签

相关链接 （1）注意几个，audio添加音频

<audio src="/i/horse.ogg" controls="controls"> Your browser does not support the audio element. </audio>

（2）bdo 将文字从右向左（rtl）（或者从左向右 ltl）展示，

<bdo dir="rtl">Here is some text</bdo>

（3）定义button

<button type="button">Click Me!</button>

（4）定义图形并为其定义javascript样式

<canvas id="myCanvas">your browser does not support the canvas tag </canvas> <script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script>

展示效果 （5）下拉列表datalist

<input list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist>

（6） 进度条 progress

下载进度： <progress value="22" max="100"> </progress> <p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>

效果展示 （7）插入视频video <video src="/i/movie.ogg" controls="controls"> your browser does not support the video tag </video>

（8）框架 查看详情details标签

<details> <summary>Copyright 2011.</summary> <p>All pages and graphics on this web site are the property of W3School.</p> </details>

效果展示 （9）样式 （10）编程 （11）列表 （12）全局属性 1）accesskey定义快捷键

<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a><br /> <a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a>

注意:按下alt+h 打开html教程网页， 按下alt+c打开css网页教程 2）文字内容可编辑contenteditable

<p contenteditable="true">这是一个可编辑的段落。</p>

（13）删除标签del和下划线标签ins

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

效果展示 （14）数学符号以及在html中的表示 （15）希腊字母以及在html中的表示 （16）其他符号