html5的基本用法

html5是此刻最风行的页面超文本编纂说话，普遍的应用在手机端的开辟已经web项目标开辟，并且同一的尺度和实时更新，新出的标签为我们泛博的利用者带来了良多的便利。

东西/原料

• 电脑，myeclipse

方式/步调

1. 1

   map 标签 我们可觉得图片添加事务，将一个图片分为几个区域添加事务，可以实现例如简单的地图，属性介绍

   <area shape="circle" coords="180,150,10"> d界说其外形和坐标，可为area添加事务

   
2. 2

   视频标签《vedio》 当我们在网页打开视频是不需要加任何标签，只需要引入《 vedio》标签很是便利。例如<video src="片子.mp4"> </video> ，只需要在 但src引入文件的路径，是格局撑持不全

   
3. 3

   音频播放 <audio>标签可以播放歌曲等音频文件，<audio src="歌曲.mp3" > </audio>只要在src中引入音频的路径，利用很是简单，易懂。结果如图

   
4. 4

   撑持拖拽，例如我们在页面中想要将一个图片拖拽到，指心猿意马的div中，我们可以设置图片可拖放属性draggable="true"，经由过程挪用事务ondragstart 将指心猿意马的 s图片etData()到指定位置。实现代码如图

   
5. 5

   画布功能，可以说是html5的焦点，我们可以js自界说的绘制本身想要的工具，起首我们要先界说一个<canvas id="myid" width="400" height="400"></canvas>画板.结果如图

   
6. 6

   其次操纵js完当作在画板上的图形绘制，本例子以简单的线为例子 用getContext("2d") 建立html5内置对象，获取对象后挪用cmoveTo(parm1,parm2); lineTo(parm1,parm2);  cxt.stroke();来绘制线，此中参数parm1和parm2位坐标点。结果如图

   

注重事项

• html还有良多高级应用需要进一步进修