多语言展示
当前在线:176今日阅读:176今日分享:34

html5的基本用法

html5是现在最流行的页面超文本编辑语言,广泛的应用在手机端的开发已经web项目的开发,而且统一的标准和及时更新,新出的标签为我们广大的使用者带来了很多的方便。
工具/原料

电脑,myeclipse

方法/步骤
1

map 标签 我们可以为图片添加事件,将一个图片分为几个区域添加事件,可以实现例如简单的地图,属性介绍 d定义其形状和坐标,可为area添加事件

2

视频标签《vedio》 当我们在网页打开视频是不需要加任何标签,只需要引入《 vedio》标签非常方便。例如 ,只需要在 但src引入文件的路径,是格式支持不全

3

音频播放 

4

支持拖拽,例如我们在页面中想要将一个图片拖拽到,指定的div中,我们可以设置图片可拖放属性draggable='true',通过调用事件ondragstart 将指定的 s图片etData()到指定位置。实现代码如图

5

画布功能,可以说是html5的核心,我们可以js自定义的绘制自己想要的东西,首先我们要先定义一个画板.效果如图

6

其次利用js完成在画板上的图形绘制,本例子以简单的线为例子 用getContext('2d') 创建html5内置对象,获取对象后调用cmoveTo(parm1,parm2); lineTo(parm1,parm2);  cxt.stroke();来绘制线,其中参数parm1和parm2位坐标点。效果如图

注意事项

html还有很多高级应用需要进一步学习

推荐信息