下载学堂APP缓存视频离线看
- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群：
零基础 小白 新手 前端爱好者 大学生 技术转型 职业转型 WEB前端 美工
你将会学到：
PHP全栈开发工程师课程，挑战年薪30万，HTML5基础与提升，包含知识：HTML5新增内容，HTML5拖放应用，HTML5地理位置定位，百度地图API接口调用，HTML5本地存储，HTML5 Canvas绘图通过10天的学习快速学习前端HTML5开发。
课程简介：
课程大纲-WEB前端开发工程师-HTML5基础与提升视频课程（Head老师）
第1章WEB前端开发工程师-HTML5基础与提升视频课程（Head老师）(3小时50分钟16节)
1-3
HTML5 新增标签结构性标签： 结构性标签（construct tag）主要负责Web的上下文结构的定义，确保 HTML文档的完整性，这类标签包括以下几个。1.section。用于表达书的一部分或一章，或者一章内的一节。在Web页面应用中，该标签也可以用于区域的章节表述。2.hgroup 对网页或区段（section）的标题进行组合：。3.header。页面主体上的头部，注意区别于head标签。这里可以给初学者提供一个判断的小技巧：4.head标签中的内容往往是不可见的，而header标签往往在一对body标签之中。5.footer。页面的底部（页脚）。通常，人们会在这里标出网站的一些相关信息，例如关于我们、法律申明、邮件信息、管理入口等。6.nav。是专门用于菜单导航、链接导航的标签，是navigator的缩写。7.article。用于表示一篇文章的主体内容，一般为文字集中显示的区域
「仅限付费用户」点击下载“笔记.docx”
[08:11]开始学习1-4
HTML5 新增标签详解块级性标签： 块级性标签（block tag）主要完成Web页面区域的划分，确保内容的有效分隔，这类标签包括以下几个。1.aside 用以表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容。从一个简单页面显示上看就是侧边栏，可以在左边，也可以在右边。从一个页面的局部看，就是摘要。2.figure 标签规定独立的流内容，通常与figcaption联合使用。3.code 表示一段代码块。4.dialog 对话标签 配合dt dd标签使用
「仅限付费用户」点击下载“笔记.docx”
[19:42]开始学习1-5
HTML5新增标签-2行内标签： 行内语义性标签（in-line tag ）主要完成Web页面具体内容的引用和表述，是丰富内容展示的基础，这类标签包括以下几个。1.meter。表示特定范围内的数值，可用于工资、数量、百分比等 max表示最大值，min表示最小值，value代表当前值。2.time。表示时间值，属性datetime强调时间3.progress。用来表示进度条
「仅限付费用户」点击下载“笔记.docx”
[18:57]开始学习1-7
HTML5 拖放应用1.在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。拖放（Drag 和 drop）是 HTML5 标准的组成部分。拖放是一种常见的特性，即抓取对象以后拖到另一个位置。2.在html5之前，网页当中实现拖拽要借助到js中的(onmousedown+onmousemove)，现在html5内部就支持了拖拽的功能，结合js能够极大的方便我们实现拖拽功能。
「仅限付费用户」点击下载“笔记.docx”
[18:05]开始学习1-8
HTML5多媒体标签1.在 HTML5 中， HTML5 规定了一种通过 video 元素来包含视频的标准方法。2.在html5之前，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。同时网页上显示视频也没有统一的标准。
[17:37]开始学习1-9
HTML5新增的表单元素HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用,才能和服务器进行方便快捷的交互。
「仅限付费用户」点击下载“笔记.docx”
[14:23]开始学习1-10
HTML5 表单属性HTML5 的 <form> 和 <input>标签添加了几个新属性.1.novalidatenovalidate 属性是一个 boolean(布尔) 属性.novalidate 属性规定在提交表单时不应该验证 form 或 input 域。2.Autocompleteautocomplete 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。提示: autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。注意: autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。
「仅限付费用户」点击下载“笔记.docx”
[17:05]开始学习1-11
表单中新的input类型HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型：1.Color color 类型用在input字段主要用于选取颜色，如下所示2.datedate 类型允许你从一个日期选择器选择一个日期。3.datetime datetime 类型允许你选择一个日期（UTC 时间）。4.datetime-localdatetime-local 类型允许你选择一个日期和时间 (无时区).5.Emailemail 类型用于应该包含 e-mail 地址的输入域。6.Monthmonth 类型允许你选择一个月份。7.Numbernumber 类型用于应该包含数值的输入域。8.Rangerange 类型用于应该包含一定范围内数字值的输入域。9.Searchsearch 类型用于搜索域，比如站点搜索或 Google 搜索。10.Tel定义输入电话号码字段:11.time time 类型允许你选择一个时间。12.urlurl 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。13.Weekweek 类型允许你选择周和年。注意:并不是所有的主流浏览器都支持新的input类型，不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持，仍然可以显示为常规的文本域。
「仅限付费用户」点击下载“笔记.docx”
[12:28]开始学习1-12
HTML5 地理位置定位地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。
「仅限付费用户」点击下载“笔记.docx”
[16:37]开始学习1-14
HTML5 本地存储HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。
「仅限付费用户」点击下载“笔记.docx”
[19:21]开始学习1-15
HTML5 内联SVG1.SVG 指可伸缩矢量图形 (Scalable Vector Graphics)2.SVG 用于定义用于网络的基于矢量的图形3.SVG 使用 XML 格式定义图形4.SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失5.SVG 是万维网联盟的标准
「仅限付费用户」点击下载“笔记.docx”
[12:43]开始学习
“申建明”老师的其他课程更多+
