HTML介绍 ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
audio音频标签 <!DOCTYPE html>
<html> <body>
<audio controls="controls"> <source src="example.mp3"
type="audio/mp3"/> <embed height="500" width="500"
src="examlpe.mp3" /> </audio>
<input type=time>time<br/>
<input type=tel>tel<br/>
<input type=url>url<br/>
<input type=week>week</br>
</body> </html>
This is a sample text. Insert your desired text here. Again, this is a dummy text, enter your own text here. This is a sample text. Insert your desired text here.
</video>
</body>
</html>
This is a sample text. Insert your desired text here. Again, this is a dummy text, enter your own text here. This is a sample text. Insert your desired text here.
</body> </html>
This is a sample text. Insert your desired text here. Again, this is a dummy text, enter your own text here. This is a sample text. Insert your desired text here.
HTML5的优点？
游戏客户端每次都要更新，很麻烦。 可是更新HTML5游戏就好像更新页 面一样，是马上的、即时的更新。
多媒体
可以给站点带来更多的多媒 体元素(视频和音频).，且非 常方便。
并非所有浏览器所支持
新标签的引入，各浏览器之间将缺少 一种统一的数据描述格式，造成用户 体验不佳。
Hale Waihona Puke Baidu
存在争议
HTML5设立了所有技术开放原 则，Opera捐献了CSS技术，而 在视频格式方面，世界各大互联 网公司正在为具体标准进行争论， 这可能影响HTML5标准的分流， 分两大阵营。Google，Opera， 火狐，和苹果公司。
可用于所有浏览器。
<input type=color> color<br/>
<input type=datetime-local>datetime-local<br/>
<input type=email>email<br/>
<input type=number>numbrt<br/>
<input type=range>range<br/>
简介+趋势 优势 & 略势
实例的演示
简介+趋势 优势 & 略势
实例的演示
多设备跨平台
跨平台性非常强大，可以轻 易的移植，这也是大多数人 对HTML5有兴趣的主要原因。
自适应网页设计
“一次设计，普遍适用”，让同一张 网页自动适应不同大小的屏幕，根据 屏幕宽度，自动调整布局 （layout）。.
即时更新
2013年全球有10亿手 机浏览器支持HTML5。 HTML5将成为未来510年内，移动互联网领 域的主宰者。
移动优先
从如今移动应用层出不穷， 在这个智能手机和将平板 电脑大爆炸的时代，移动 优先已成趋势，不管是开 发什么，都以移动为主。.
游戏开发者引领
许多游戏开发商都被 Facebook或者Zynga推 动着发展，而未来的 Facebook应用生态系统 是基于HTML5的.
HTML5的缺点？
简介+趋势 优势 & 略势
实例的演示
简介+趋势 优势 & 略势
实例的演示
HTML5的新特性
新的表单功能
Most jurisdictions require companies to prepare and disclose annual reports, and many require the annual report to be filed at the company's registry.
Canvas元素绘图 04
01
实例！ 02audio音频标签
03
Video视频标签
新的表单功能 <!DOCTYPE html> <meta charset="UTF-8">
<html>
<Input>标签，包含多种类 <head>html5中新的表单</head>
型，用于收集特定数据。 <body>
Video视频标签
<!DOCTYPE <html>
html>
<body>
<video width="640" height="480" controls="controls"
autoplay="autoplay">
<source src="example.mp4"
type="video/mp4" />
什么是HTML5？
◆HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
◆ HTML 的上一个版本诞生于 1999 年。 自从那以后，Web 世界已经经历了巨变。
◆ HTML5 仍处于完善之中。然而，大部 分现代浏览器已经具备了某些 HTML5 支 持
发展趋势
HTML5将成为主流
Canvas元素绘图 <!DOCTYPE html> <meta charset="UTF-8">
Welcome to HTML 5
简介+趋势 优势 & 略势
实例的演示
简介+趋势 优势 & 略势
实例的演示
什么是HTML5？
HTML5是Hypertext Markup Language超文本标记语言（HTML）第5 次重大修改。是一个新的网络标准，现在 仍处于发展阶段。目标是取代现有的 HTML 4.01和XHTML 1.0 标准。它希望 能够减少互联网应用（RIA)对Flash、 Silverlight、JavaFX等的依赖，并且提供 更多能有效增强网络应用的API。