该课程属于“1+X”Web前端开发职业技能等级证书的初级课程，熟练掌握该课程的内容，能够为学习后面的前端开发知识夯实基础。

• 第1章 初识HTML5
  • 第1节 HTML5概述
    • HTML5概述 - 教学课件
    • HTML5概述 - 教学视频
  • 第2节 HTML5基础
    • HTML5基础 - 教学课件
    • HTML5基础 - 教学视频
  • 第3节 文本控制标记
    • 文本控制标记 - 教学课件
    • 文本控制标记 - 教学视频
  • 第4节 图像和超链接标记
    • 图像和超链接标记 - 教学课件
    • 图像和超链接标记上 - 教学视频
    • 图像和超链接标记下- 教学视频
  • 第5节 行内元素和块级元素
    • 行内元素和块级元素 - 教学课件
    • 行内元素和块级元素 - 教学视频
• 第2章 HTML5页面元素
  • 第1节 列表和表格元素
    • 列表和表格元素 - 教学课件
    • 列表和表格元素 - 教学视频
  • 第2节 结构元素
    • 结构元素 - 教学课件
    • 结构元素 - 教学视频
  • 第3节 媒体元素
    • 媒体元素 - 教学课件
    • 媒体元素 - 教学视频
• 第3章 HTML5表单
  • 第1节 认识表单
    • 认识表单 - 教学课件
    • 认识表单 - 教学视频
  • 第2节 input元素及属性
    • input元素及属性 - 教学课件
    • Input元素的type属性1 - 教学视频
    • Input元素的type属性2- 教学视频
    • input元素的其他属性- 教学视频
  • 第3节 其他表单元素
    • 其他表单元素 - 教学课件
    • 其他表单元素 - 教学视频
• 第4章 CSS3选择器
  • 第1节 CSS3简介
    • CSS3简介 - 教学课件
    • CSS3简介 - 教学视频
  • 第2节 CSS基本选择器
    • CSS基本选择器 - 教学课件
    • CSS基本选择器 - 教学视频
  • 第3节 CSS复合选择器
    • CSS复合选择器 - 教学课件
    • CSS复合选择器上 - 教学视频
    • CSS复合选择器下 - 教学视频
  • 第4节 CSS3高级选择器
    • CSS3高级选择器 - 教学课件
    • 属性选择器 - 教学视频.
    • 关系选择器 - 教学视频
    • 结构伪类选择器 - 教学视频
    • 伪元素选择器 - 教学视频
  • 第5节 CSS的层叠和继承
    • CSS的层叠和继承 - 教学课件
    • CSS的层叠和继承 - 教学视频
• 第5章 设置页面元素的样式
  • 第1节 设置文本样式
    • 设置文本样式 - 教学课件
    • 字体样式属性 - 教学视频
    • 文本外观属性1 - 教学视频
    • 文本外观属性2 - 教学视频
  • 第2节 设置背景样式
    • 设置背景样式 - 教学课件
    • 设置背景样式1 - 教学视频
    • 设置背景样式2 - 教学视频
    • 知识应用 制作信纸效果
  • 第3节 设置列表样式
    • 设置列表样式 - 教学课件
    • 设置列表样式 - 教学视频
• 第6章 盒子模型
  • 第1节 认识盒子模型
    • 认识盒子模型 - 教学课件
    • 认识盒子模型 - 教学视频
  • 第2节 盒子模型相关属性
    • 盒子模型相关属性 - 教学课件
    • 盒子模型相关属性 上 - 教学视频
    • 盒子模型相关属性 下 - 教学视频
  • 第3节 盒子模型分类
    • 盒子模型分类 - 教学课件
    • 盒子模型分类 - 教学视频
  • 第4节 元素类型与转换
    • 元素类型与转换 - 教学课件
    • 元素类型与转换 - 教学视频
• 第7章 浮动和定位
  • 第1节 元素的浮动
    • 元素的浮动 - 教学课件
    • 元素的浮动 - 教学视频
    • 知识应用 - 制作歌单推荐页面
  • 第2节 清除浮动
    • 清除浮动 - 教学课件
    • 清除浮动 - 教学视频
  • 第3节 元素的定位
    • 元素的定位 - 教学课件
    • 元素的定位 - 教学视频
    • 知识应用 - 给图片签名
• 第8章 CSS3高级应用
  • 第1节 CSS3变形
    • CSS3变形 - 教学课件
    • CSS3变形1 - 教学视频
    • CSS3变形2 - 教学视频
    • 知识应用 图片画廊效果
  • 第2节 CSS3过渡
    • CSS3过渡 - 教学课件
    • CSS3过渡 - 教学视频
    • 知识应用 文字滑动展示效果
  • 第3节 CSS3动画
    • CSS3动画 - 教学课件
    • CSS3动画 - 教学视频
    • 知识应用 旋转的风车