AI 助理
备案控制台
开发者社区 阿里云大学 文章 正文

【阿里云大学课程】前端必知——HTML5新特性完整视频教程（音频、视频、画布、web存储、动画……）

2017-08-04 3116
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

_6
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，其设计目的是为了在移动设备上支持多媒体。

本课程中，你将学习到下列这些HTML5新特性（点击下列课时立即学习）：

HTML5新特性教程：

课时1：HTML5音频
课时2：HTML5视频
课时3：HTML5拖放
课时4：HTML5画布
课时5：HTML5 SVG
课时6：HTML5地理定位
课时7：HTML5 Web存储
课时8：CSS3边框
课时9：CSS3背景
课时10：文本效果
课时11：2D效果
课时12：3D效果
课时13：过渡
课时14：动画课时15：多列

文章标签：
存储
HTML5
移动开发
Web App开发
前端开发
关键词：
前端web
前端动画
阿里云前端
前端特性
HTML特性
candy-dd
目录
相关文章
游客fz577umxdejsg
|
3月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
游客fz577umxdejsg
77 2
疯狂的猿
|
27天前
|
前端开发 JavaScript
Canvas三维变化背景动画HTML源码
Canvas三维变化背景动画HTML源码
疯狂的猿
26 5
龙腾九州
|
1月前
|
移动开发 HTML5
在HTML5中嵌入视频和音频
【10月更文挑战第5天】在HTML5中嵌入视频和音频。
龙腾九州
36 3
html的七十二变
|
1月前
|
Web App开发 移动开发 JavaScript
HTML 音频(Audio)详解
HTML5通过`<audio>`元素为网页音频播放提供了丰富支持。本文将介绍其基本用法、属性（如`controls`、`autoplay`）、事件监听、格式兼容性（MP3、OGG、WAV、AAC），并提供JavaScript控制示例。此外，还将讨论优化技巧，如使用CDN、懒加载及提升用户体验的方法。
html的七十二变
133 6
html的七十二变
|
2月前
|
移动开发 JavaScript 前端开发
HTML5 Audio(音频)详解
HTML5 通过 `<audio>` 标签简化了网页音频嵌入。本文详细介绍其基本语法与常用属性（如 `controls`、`autoplay`），并通过示例代码展示如何使用 JavaScript 控制音频播放及处理音频事件。此外，还提供了关于浏览器兼容性、自适应设计及无障碍访问的注意事项，助您优化音频体验。
html的七十二变
233 3
游客fz577umxdejsg
|
3月前
|
前端开发 JavaScript
HTML+CSS如何打造撒花动画效果？3分钟学会，炫酷到爆！
HTML+CSS如何打造撒花动画效果？3分钟学会，炫酷到爆！
游客fz577umxdejsg
233 2
游客fz577umxdejsg
|
3月前
|
前端开发
HTML+CSS动画实现动感3D卡片墙：现代Web设计的视觉盛宴
HTML+CSS动画实现动感3D卡片墙：现代Web设计的视觉盛宴
游客fz577umxdejsg
53 2
游客fz577umxdejsg
|
3月前
|
前端开发
一键复制HTML+CSS动画 打造炫酷的搜索框
一键复制HTML+CSS动画 打造炫酷的搜索框
游客fz577umxdejsg
44 2
华山青竹
|
移动开发 HTML5 Web App开发
HTML5音频audio属性
来源：https://segmentfault.com/a/1190000008932943?utm_source=tuicool&utm_medium=referral audio 的控制函数主要有： load() 加载音频、视频软件，通常不必调用，除非是动态生成的元素，用来在播放前预加载pla...
华山青竹
1224 0
二二*一一
|
17天前
|
前端开发
如何利用 HTML 和 CSS 实现椭圆形布局，并在椭圆形路径上渲染可点击座位？
html 的椭圆形布局实现
二二*一一
40 1

阿里云大学

热门文章

最新文章

  • 1
    HTML元素 属性 格式化标签
  • 2
    HTML基础加强
  • 3
    @Html.ValidationSummary()作用
  • 4
    再来 10 个新鲜的 HTML5 教程
  • 5
    jQuery从html代码中获取对应标签的写法
  • 6
    在Pyramid中使用Mako模板以及默认和.html后缀关联
  • 7
    Skytte：一款令人印象深刻的 HTML5 射击游戏
  • 8
    HTML5 <script>元素async,defer异步加载
  • 9
    HTML5特性速记图
  • 10
    HTML5 Storage API
  • 1
    从前端到后端：构建现代化Web应用的技术实践
    66
  • 2
    从零开始学习前端开发：HTML基础
    46
  • 3
    前端利器SASS之入门篇，前端开发你需要了解的那些事
    64
  • 4
    sass 公用10个mixins代码块，算法太TM重要了，前端开发要求
    48
  • 5
    JS的几种设计模式，Web前端基础三剑客学习知识分享，前端零基础开发
    51
  • 6
    CSS3 转换，深入理解Flutter动画原理，前端基础图形
    65
  • 7
    4(1)，阿里面试官，前端开发面试题目
    52
  • 8
    【前端】websocket 讲解与项目中的使用
    85
  • 9
    详解前端登录流程：实现原理与最佳实践
    295
  • 10
    前端安全方面
    50

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 1分钟SAE部署Web在线游戏
  • 每个IT人都想学的“Web应用上云经典架构”实战
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    无影云桌面