html5的基本用法

来源：互联网 2023-03-16 19:11:06 359

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

工具/原料

电脑，myeclipse

方法/步骤

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

area shape="circle" coords="180,150,10"> d定义其形状和坐标，可为area添加事件

html5的基本用法

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

html5的基本用法

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

html5的基本用法

3该信息未经许可获取自百度经验

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

html5的基本用法

画布功能，可以说是html5的核心，我们可以js自定义的绘制自己想要的东西，首先我们要先定义一个canvas id="myid" width="400" height="400">/canvas>画板.效果如图

html5的基本用法

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

html5的基本用法