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

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

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

_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
阿里云web
web前端
candy-dd
目录
相关文章
凉凉心.
|
9月前
|
前端开发 算法 Java
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
Animation属性 css3为Animation动画提供的几个属性如下： 属性名 属性值 animation-name 指定动画名称，该属性指定一个已有的关键帧定义。 animation-duration 指定动画持续时间。 animation-timing-funtion 指定动画变化速度。 animation-delay 指定动画延迟多长时间才开始执行。 animation-iteration-count 指定动画的循环执行次数。 animation：这是一个复合属性。
凉凉心.
553 3
阿里云计算巢-雲尧
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息，并通过阿里云计算巢完成了Appsmith的快速部署，使用者不需要自己下载代码，不需要自己安装复杂的依赖，不需要了解底层技术，只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith，非技术同学也能轻松搞定。
阿里云计算巢-雲尧
684 5
土木林森
|
前端开发 UED 开发者
揭秘！前端大牛们如何巧妙利用动画效果，提升用户体验感！
前端开发中，动画不仅是美化网页的手段，更是提升用户体验的关键。本文介绍了三种常见的动画技术：渐进加载动画、过渡动画和SVG动画，分别用于提升页面响应速度、增强交互性和传递情感信息，帮助网页焕发新生。
土木林森
503 4
土木林森
|
前端开发 JavaScript API
前端开发的秘密武器：这些工具让你轻松应对各种复杂动画效果！
【10月更文挑战第30天】前端开发中，动画效果为页面增添了无限生机。CSS3的@keyframes规则和JavaScript动画库如GSAP、Anime.js等，使开发者能轻松实现从简单到复杂的动画效果。掌握动画原理和设计原则，结合工具和库，可以创造出既美观又实用的动画，提升用户体验。
土木林森
393 4
土木林森
|
iOS开发 Android开发 MacOS
从零到全能开发者：解锁Uno Platform，一键跨越多平台应用开发的神奇之旅，让你的代码飞遍Windows、iOS、Android、macOS及Web，技术小白也能秒变跨平台大神！
【8月更文挑战第31天】从零开始，踏上使用Uno Platform开发跨平台应用的旅程。只需编写一次代码，即可轻松部署到Windows、iOS、macOS、Android及Web（通过WASM）等多个平台。Uno Platform为.NET生态带来前所未有的灵活性和效率，简化跨平台开发。首先确保安装了Visual Studio或VS Code及.NET SDK，然后选择合适的项目模板创建新项目。项目结构类似传统.NET MAUI或WPF项目，包含核心NuGet包。通过简单的按钮示例，你可以快速上手并构建应用。Uno Platform让你的技术探索之旅充满无限可能。
土木林森
901 0
游客jjw5lou74ja6k
|
存储 数据可视化 前端开发
Web Audio API 第5章 音频的分析与可视化
Web Audio API 第5章 音频的分析与可视化
游客jjw5lou74ja6k
549 0
DieHunter1024
|
前端开发 JavaScript API
只会用插件可不行，这些前端动画技术同样值得收藏-JavaScript篇（下）
只会用插件可不行，这些前端动画技术同样值得收藏-JavaScript篇（下）
DieHunter1024
419 0
DieHunter1024
|
监控 JavaScript 前端开发
只会用插件可不行，这些前端动画技术同样值得收藏-JavaScript篇（上）
只会用插件可不行，这些前端动画技术同样值得收藏-JavaScript篇（上）
DieHunter1024
286 0
DieHunter1024
|
前端开发 JavaScript UED
只会用插件可不行，这些前端动画技术同样值得收藏-CSS篇
只会用插件可不行，这些前端动画技术同样值得收藏-CSS篇
DieHunter1024
525 0
yqcoder
|
前端开发 JavaScript
前端 JS 经典：数字变化动画
前端 JS 经典：数字变化动画
yqcoder
543 0

阿里云大学

热门文章

最新文章

  • 1
    【WEB】当HTTPS资源引入HTTP导致报错blocked:mixed-content （混合加载/Mixed Content）如何解决
  • 2
    如何在SpringBoot中集成JWT(JSON Web Token)鉴权
  • 3
    Python Web开发实战：从搭建博客到部署上线
  • 4
    人人都是Serverless架构师之现代化Web应用开发实战
  • 5
    使用 Debian、Docker 和 Nginx 部署 Web 应用
  • 6
    【web开发】☆★之利用POI操作Excel表格系列教程【7】Excel文本取值
  • 7
    Asp.net MVC2.0系列文章-运行Web MVC2.0 Demo
  • 8
    我们将使用Python的内置库`http.server`来创建一个简单的Web服务器。虽然这个示例相对简单，但我们可以围绕它展开许多讨论，包括HTTP协议、网络编程、异常处理、多线程等。
  • 9
    基于LangChain手工测试用例转Web自动化测试生成工具
  • 10
    Xctf攻防世界-Web进阶题攻略
  • 1
    基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
    1409
  • 2
    C#编程实践：解析HTML文档并执行元素匹配
    413
  • 3
    响应式企业网站源码JavaL/PHP带后台管理​：Bootstrap HTML5模板
    1383
  • 4
    精选HTML、JavaScript、ASP代码片段集锦
    401
  • 5
    HTML表单验证：确认input元素输入为具有特定整数和小数位数的数值。
    653
  • 6
    阻止HTML input元素（type='number'）中输入字母'e'的方法。
    426
  • 7
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    3249
  • 8
    Vue 项目中动态添加 HTML 元素的方法与实践
    597
  • 9
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    331
  • 10
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    379

    • 相关课程

    更多
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！