1-1 课程简介与HTML5概述
HTML5入门视频教程
讲师:吉延鹏
273 小节 已有 852570 人学过 2015.10.24 推出
HTML即超文本标记语言,它是书写网页代码的一种规范,一种标准。它通过标记符号来标记要显示的网页中的各个部分。浏览器根据这个标准显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),可以说HTML是网页编程的基础。HTML5是超文本标记语言(HTML)的第五次重大修改,即最新版本;它比原来的标准又增加了一些新的标签,实现更多功能,更标准化,更适用于移动互联网。本套课程将从HTML的基础入手,并介绍HTML5的新特效,再通过一些简单的实例,让您能够动手书写HTML实现网页的设计。
  • 第一章:HTML基础知识
  • 1-1 课程简介与HTML5概述
  • 1-2 文件基本格式
  • 1-3 元素的概念及3个常用标签
  • 1-4 元素的属性
  • 1-5 文本元素(上)
  • 1-6 文本元素(下)
  • 1-7 超链接(上)
  • 1-8 超链接(下)
  • 1-9 img元素嵌入图片
  • 1-10 绝对路径与相对路径
  • 1-11 列表
  • 1-12 表格元素(上)
  • 1-13 表格元素(下)
  • 1-14 特殊符号的使用
  • 1-15 style元素与HTML样式基础
  • 1-16 内联框架与综合实例
  • 1-17 table布局与综合实例
  • 1-18 div元素与布局
  • 1-19 通用属性
  • 1-20 课程小结与若干补充(上)
  • 1-20 课程小结与若干补充(下)
  • 第二章:HTML5新特性之新布局元素
  • 2-1 新的布局元素概述
  • 2-2 Header与Footer
  • 2-3 Article元素
  • 2-4 Section元素
  • 2-5 Aside与Nav元素(上)
  • 2-6 Aside与Nav元素(下)
  • 2-7 Time元素
  • 2-8 Hgroup与Address元素
  • 2-9 Figure与Figcaption元素
  • 2-10 综合实例-移动端页面练习(1)
  • 2-11 综合实例-移动端页面练习(2)
  • 2-12 综合实例-移动端页面练习(3)
  • 2-13 综合实例-移动端页面练习(4)
  • 2-14 综合实例-移动端页面练习(5)
  • 第三章:HTML5新特征之增强的表单
  • 3-1 Form元素
  • 3-2 Input元素(1)
  • 3-3 Input元素(2)
  • 3-4 Input元素(3)
  • 3-5 Input元素(4)
  • 3-6 Input元素(5)
  • 3-7 Input元素(6)
  • 3-8 Input元素(7)
  • 3-9 Input元素(8)
  • 3-10 Input元素(9)
  • 3-11 Select与Datalist元素(上)
  • 3-12 Select与Datalist元素(下)
  • 3-13 表单的新增属性
  • 3-14 Lable元素及其属性
  • 3-15 Textarea元素
  • 3-16 Button元素
  • 3-17 新增的表单重写
  • 3-18 新增的Output元素
  • 3-19 新增的Progress与Meter元素
  • 3-20 Fieldset与Legend、Keygen元素
  • 3-21 课程小结与其他新增元素
  • 3-22 综合实例(上)
  • 3-23 综合实例(下)
  • 第四章:HTML5新特征之音频与视频
  • 4-1 Video视频播放
  • 4-2 Video元素的属性
  • 4-3 source元素
  • 4-4 Audio元素&格式的转换
  • 4-5 Embed元素及其他
  • 第五章:HTML5新特征之Canvsas基础
  • 5-1 了解Canvas元素
  • 5-2 绘制直线
  • 5-3 给直线添加样式
  • 5-4 绘制矩形
  • 5-5 绘制填充矩形
  • 5-6 绘制圆弧(1)
  • 5-7 绘制圆弧(2)
  • 5-8 绘制圆弧(3)
  • 5-9 绘制扇形(1)
  • 5-10 绘制扇形(2)
  • 5-11 绘制文字
  • 5-12 渐变色(1)
  • 5-13 渐变色(2)
  • 5-14 阶段小练习-绘制太极图案
  • 5-15 绘制阴影
  • 5-16 综合实例
  • 第六章:零基础精讲CSS3.0
  • 6-1 引入外部样式表
  • 6-2 CSS语法(1)
  • 6-3 CSS语法(2)
  • 6-4 CSS选择器(1)
  • 6-5 CSS选择器(2)
  • 6-6 CSS选择器(3)
  • 6-7 CSS选择器(4)
  • 6-8 伪元素选择器
  • 6-9 CSS选择器6--伪类选择器(1)
  • 6-10 CSS选择器7--伪类选择器(2)
  • 6-11 CSS选择器7--UI伪类选择器
  • 6-12 CSS选择器8--其他伪类选择器
  • 6-13 CSS3中的颜色表示方式(1)
  • 6-14 CSS3中的颜色表示方式(2)
  • 6-15 CSS3中的文字与字体(1)
  • 6-16 CSS3中的文字与字体(2)
  • 6-17 CSS3中的文字与字体(3)
  • 6-18 CSS3中的文字与字体(4)
  • 6-19 文本属性(1)
  • 6-20 文本属性(2)
  • 6-21 文本属性(3)
  • 6-22 文本属性(4)
  • 6-23 文本属性(5)
  • 6-24 css3前缀
  • 6-25 css盒模型--盒模型的概念
  • 6-26 css盒模型2--内边距
  • 6-27 css盒模型3-外边距及其合并
  • 6-28 css盒模型4--溢出的处理
  • 6-29 css定位(1)
  • 6-30 css定位(2)
  • 6-31 css定位(3)
  • 6-32 CSS定位(4)-垂直对齐方式
  • 6-33 CSS定位(5)-浮动
  • 6-34 列表和表格(1)
  • 6-35 列表和表格(2)
  • 6-36 CSS边框(1)
  • 6-37 CSS边框(2)圆角
  • 6-38 CSS边框(3 ) border-image(上)
  • 6-39 CSS边框(3)border-image(下)
  • 6-40 CSS边框(4) 元素阴影
  • 6-41 CSS背景(上)
  • 6-42 CSS背景(中)
  • 6-43 CSS背景(下)
  • 6-44 阶段练习(1)
  • 6-45 渐变效果(上)
  • 6-46 渐变效果(下)
  • 6-47 阶段练习2-渐变按钮
  • 6-48 动画效果-变形1
  • 6-49 动画效果-变形2
  • 6-50 动画效果-变形3
  • 6-51 阶段练习3-旋转导航
  • 6-52 动画效果-过渡2
  • 6-53 阶段练习4-画廊
  • 6-54 动画效果-关键帧动画(上)
  • 6-55 动画效果-关键帧动画(下)
  • 6-56 阶段练习5-翻转效果
  • 6-57 阶段练习6-折叠导航栏
  • 6-58 其他常用CSS属性 (上)
  • 6-59 其他常用CSS属性(下)
  • 6-60 阶段练习7-下拉菜单
  • 6-61 布局1-浮动布局及其常见问题
  • 6-62 布局2-定位布局
  • 6-63 布局3-多列布局及加前缀的快捷方式
  • 6-64 布局4-弹性布局(上)
  • 6-65 布局4-弹性布局(中)
  • 6-66 布局4-弹性布局(下)
  • 6-67 阶段练习8-弹性三列布局
  • 6-68 实战前的准备工作-了解HTML5大纲算法
  • 6-69 项目实战--仿360囧图1
  • 6-70 项目实战--仿360囧图2
  • 6-71 项目实战--仿360囧图3
  • 6-72 项目实战-仿360囧图4
  • 6-73 项目实战-仿360囧图5
  • 6-74 项目实战-仿360囧图6
  • 6-75 项目实战-仿天猫(移动端页面)1
  • 6-76 项目实战-仿天猫(移动端页面)2
  • 6-77 项目实战-仿天猫(移动端页面)3
  • 6-78 项目实战-仿天猫(移动端页面)4
  • 6-79 项目实战-仿天猫(移动端页面)5
  • 第七章:零基础学JavaScript
  • 7-1 轻松完成你的第一个JavaScript程序代码
  • 7-2 开工前的准备知识
  • 7-3 变量
  • 7-4 数据类型1
  • 7-5 数据类型2
  • 7-6 阶段练习1
  • 7-7 数据类型3
  • 7-8 数据类型4
  • 7-9 阶段练习2
  • 7-10 运算符1
  • 7-11 运算符2
  • 7-12 运算符3
  • 7-13 运算符4
  • 7-14 运算符5
  • 7-15 控制语句1
  • 7-16 控制语句2
  • 7-17 控制语句3
  • 7-18 控制语句4
  • 7-19 阶段练习3(上)
  • 7-20 阶段练习3(中)
  • 7-21 阶段练习3(下)
  • 7-22 函数1
  • 7-23 函数2
  • 7-24 函数3
  • 7-25 阶段练习4 函数在canvas中的应用(上)
  • 7-26 阶段练习4 函数在canvas中的应用(下)
  • 7-27 对象和数组1
  • 7-28 对象和数组2
  • 7-29 对象和数组3
  • 7-30 对象和数组4
  • 7-31 对象和数组5
  • 7-32 对象和数组6
  • 7-33 阶段练习5(上)
  • 7-34 阶段练习5(下)
  • 7-35 日期和时间1
  • 7-36 日期和时间2
  • 7-37 日期和时间3
  • 7-38 Math对象(上)
  • 7-39 Math对象(下)
  • 7-40 字符串对象1
  • 7-41 字符串对象2
  • 7-42 字符串对象3
  • 7-43 阶段练习6
  • 7-44 浏览器对象(BOM)1
  • 7-45 浏览器对象(BOM)2---窗口常用操作
  • 7-46 浏览器对象(BOM)3---定时器
  • 7-47 浏览器对象(BOM)4---History对象
  • 7-48 浏览器对象(BOM)5
  • 7-49 阶段练习---窗口的新建移动和改变大小
  • 7-50 阶段练习- 动态显示时间
  • 7-51 阶段练习7-3 综合运用三种对话框
  • 7-52 阶段练习7-4-5
  • 7-53 阶段练习7-6 郭靖大战欧阳锋
  • 7-54 HTML文档对象(DOM)1
  • 7-55 HTML文档对象(DOM)2
  • 7-56 HTML文档对象(DOM)3
  • 7-57 HTML文档对象(DOM)4
  • 7-58 HTML文档对象(DOM)5
  • 7-59 HTML文档对象(DOM)5
  • 7-60 HTML文档对象(DOM)6
  • 7-61 HTML文档对象(DOM)7
  • 7-62 HTML文档对象(DOM)8
  • 7-63 HTML文档对象(DOM)9
  • 7-64 阶段练习8-1/2
  • 7-65 阶段练习8-3
  • 7-66 阶段练习8-4
  • 7-67 阶段练习8-5
  • 7-68 JavaScript 事件1
  • 7-69 JavaScript 事件2
  • 7-70 JavaScript 事件3
  • 7-71 JavaScript 事件4
  • 7-72 JavaScript 事件5
  • 7-73 JavaScript 事件6
  • 7-74 JavaScript 事件7
  • 7-75 阶段练习9-1
  • 7-76 阶段练习9-2
  • 7-77 阶段练习9-3
  • 7-78 阶段练习9-4
  • 7-79 HTML5新增的JS选择器(上)
  • 7-80 HTML5新增的JS选择器(下)
  • 7-81 课程小结
  • 第八章:Html5新功能专题
  • 8-1 canvas专题-线条样式
  • 8-2 canvas专题-线条样式(下)
  • 8-3 canvas专题-矩形和清空画布
  • 8-4 canvas专题-根据切线绘制圆弧
  • 8-5 canvas专题-绘制圆角矩形
  • 8-6 canvas专题-贝塞尔曲线
  • 8-7 canvas专题-裁切路径
  • 8-8 canvas专题-状态的保存和恢复
  • 8-9 canvas专题-阴影、渐变、填充模式
  • 8-10 canvas专题-文本的绘制
  • 8-11 canvas专题-坐标转换
  • 8-12 canvas专题-阶段练习一(上)
  • 8-13 canvas专题-阶段练习二(下)
  • 8-14 canvas专题-(图形)合成
  • 8-15 阶段练习二
  • 8-16 canvas专题-图像的绘制
  • 8-17 canvas专题-阶段练习2
  • 8-18 canvas专题-像素操作1
  • 8-19 canvas专题-像素操作2
  • 8-20 canvas专题-像素操作3
  • 8-21 canvas专题-像素操作4
  • 8-22 canvas专题-像素操作5
  • 8-23 canvas专题-了解外部框架的使用
  • 8-24 了解SVG
  • 8-25 音频视频专题1
  • 8-26 音频视频专题2
  • 8-27 音频视频专题3
  • 8-28 音频视频专题4
  • 8-29a 音频视频专题5
  • 8-29b 音频视频专题6
  • 8-30 音频视频专题7
  • 8-31 综合练习--自定义播放器1
  • 8-32 综合练习--自定义播放器2
  • 8-33 综合练习--自定义播放器3

吉延鹏

前端开发讲师

TA的课程
教程商城
购买 电脑下载版光盘版 课程
购买
相关教程推荐
menu home publish search App