第 1章　初识HTML 1
任务1　了解HTML文件的基本信息及发展史　3
1.1.1　HTML简介及发展史　3
1.1.2　W3C简介　4
1.1.3　前端开发工具　6
1.1.4　HTML文件的基本结构　6
1.1.5　网页的基本信息　6
任务2　掌握网页中常见的基本标签　8
1.2.1　标题标签　8
1.2.2　<p>标签和<br>标签　8
1.2.3　<hr>标签　10
1.2.4　<strong>和<em>标签　11
1.2.5　注释和特殊符号　11
1.2.6　上机训练　13
任务3　图像标签的使用　14
1.3.1　网页中常用的图像格式　14
1.3.2　<img>标签的基本语法　14
任务4　超链接标签的使用　16
1.4.1　<a>标签的基本语法　16
1.4.2　<a>标签的应用场景　17
1.4.3　元素特性　21
1.4.4　上机训练　21
本章作业　23
第　2章 使用CSS美化网页　25
任务1　了解CSS应用及发展史　27
2.1.1　什么是CSS　28
2.1.2　CSS在网页中的应用　28
2.1.3　CSS的优势　30
2.1.4　CSS的发展史　30
任务2　CSS的基本语法　31
2.2.1　CSS基本语法结构　31
2.2.2　认识<style>标签　32
任务3　会在HTML中使用三种方式引入CSS样式　32
2.3.1　行内样式　32
2.3.2　内部样式表　32
2.3.3　外部样式表　33
2.3.4　样式优先级　35
2.3.5　上机训练　36
任务4　CSS选择器的使用　36
2.4.1　CSS基本选择器　37
2.4.2　CSS高级选择器　41
2.4.3　上机训练　50
任务5　CSS文本样式　51
2.5.1　文本样式的重要性　51
2.5.2　<span>标签　52
2.5.3　字体属性　53
2.5.4　文本样式　57
2.5.5　上机训练　63
任务6　超链接和列表样式　64
2.6.1　超链接伪类　64
2.6.2　列表样式　66
任务7　<div>标签及背景样式的使用　68
2.7.1　<div>标签　69
2.7.2　背景样式　69
2.7.3　上机训练　73
本章作业　75
第3章　列表、表格及表单　77
任务1　列表在网页中的应用　79
3.1.1　什么是列表　79
3.1.2　不同的列表及其应用　80
3.1.3　上机训练　82
任务2　表格的结构及语法　83
3.2.1　使用表格的优点　84
3.2.2　表格的基本结构　84
3.2.3　表格的基本语法　84
3.2.4　表格的跨行与跨列　86
3.2.5　上机训练　88
任务3　能够使用不同的表单元素布局网页　89
3.3.1　表单控件的用途　89
3.3.2　表单标签及表单属性　90
3.3.3　表单元素及格式　91
3.3.4　上机训练　98
任务4　理解表单的高级应用　100
3.4.1　表单的隐藏域　100
3.4.2　表单的只读与禁用　100
3.4.3　表单元素的标注　101
3.4.4　上机训练　102
本章作业　103
第4章　盒子模型的应用　105
任务　掌握盒子模型在网页中的应用　107
4.1.1　盒子模型的介绍　107
4.1.2　边框的使用　108
4.1.3　外边距的使用　113
4.1.4　内边距的使用　115
4.1.5　盒子模型尺寸　117
4.1.6　box-sizing拯救布局　119
4.1.7　上机训练　121
本章作业　122
第5章　网页中无处不在的浮动　125
任务1　了解网页的布局结构　127
5.1.1　网页布局分类　127
5.1.2　什么是标准文档流　129
任务2　display属性的使用　130
5.2.1　display属性值的使用　130
5.2.2　上机训练　132
任务3　能够使用浮动设置网页元素　133
5.3.1　浮动在网页中的应用　133
5.3.2　float属性　134
5.3.3　上机训练　140
任务4　清除浮动的几种方法　141
5.4.1　clear属性　141
5.4.2　解决父级边框塌陷的方法　144
5.4.3　上机训练　151
任务5　inline-block和浮动的区别　152
本章作业　153
第6章　CSS定位　157
任务1　了解定位在网页中的应用　158
任务2　使用position属性定位网页元素　160
6.2.1　static　160
6.2.2　relative　161
6.2.3　absolute　165
6.2.4　fixed　168
6.2.5　上机训练　170
任务3　z-index属性在网页中的应用　173
6.3.1　z-index属性的应用　173
6.3.2　上机训练　176
本章作业　177
第7章　项目实战—制作1号店首页　181
任务1　1号店项目概述　182
7.1.1　需求概述　182
7.1.2　技能要点　183
任务2　网站的开发流程　184
7.2.1　网站开发流程　184
7.2.2　网站的文件结构　184
7.2.3　网页布局分析　185
任务3　制作1号店首页的步骤　185
7.3.1　网页整体布局分析　185
7.3.2　制作网站导航　187
7.3.3　制作焦点轮播图效果　188
7.3.4　制作焦点图右侧内容　189
7.3.5　制作食品饮料版块　190
7.3.6　制作个护厨卫版块　190
7.3.7　制作网站版权　191