HTML5之常用标签

一、HTML5入门

1 、

2、html5的特点及其优势

①html5定义了一些新的元素，比如智能表单，多媒体标签、语义标签，这些非常有利于创建互联网应用

②html5提供了一些类似于原生app的api，如重力感应、文件访问、硬件访问、定位，这些以前纯粹的html是做不到的

③html5还提供了画布，可以用来做游戏

④在页面上播放视频或音频，以前不得不借助第三方的工具进行播放，现在h5也提供了类似的标签，利用这些标签就可以实现简单的视频播放、音频播放。平常所说的h5其实是h5、css3和JavaScript的一个整合和增强。

⑤为开发人员带来了很大的便利，比如说开发速度很快，兼容性很好、开发成本相对来说比较低

3、

4、入门示例

运行结果：

二、Html5常用的标签

h5是标记性语言

1、<p></p>:该标签被用来放段落，paragraph的缩写

运行结果：段落之间有一定的距离

2、<h></h>:标签，header表示标题，从h1到h6

运行结果：h后面的数字越大，对应的字号越小

3、<hr>:分割线

4、<br>:换行标签，对应的是单词是break

运行结果：

5、<nobr></nobr>不换行

运行结果：

6、<center></center>:居中显示

7、marquee：跑马灯效果

运行结果：从右向左实现跑马灯效果

8、<button></button>:按钮

运行结果：

添加点击事件：

9、<a></a>:超链接

target="self"  :在当前界面打开该链接

target="_blank":在新的界面打开该链接

运行结果：

点击“超链接”

重新打开了一个界面：

10、<img></img>:图片标签

运行后的结果：

注：参考资料：http://www.stay4it.com/course/37/task/613/show#