HTML+CSS+JavaScript从入门到精通

第1章;Web基础知识 001 1.1;什么是前端开发 001 1.2;什么是HTML 001 1.3;HTML文件的基本标记 001 课后作业 简单网页的制作方法 003 第2章;填充网页内容 004 2.1;网页中文字和段落 004 2.1.1;标题文字 004 课堂练作大小不同的标题 004 2.1.2;文字对齐 005 2.1.3;文字字体 006 课堂练体的设置 006 2.1.4;段落换行 007 课堂练文字换行 007 2.1.5;字体颜色 007 2.1.6;文字的上标和下标 008 课堂练作数学方程式 008 2.1.7;文字删除线 008 2.1.8;文字不换行 009 2.1.9;文字加粗 009 2.2;网页中的图片样式 010 2.2.1;图片的格式 010 2.2.2;给网页添加图片 010 课堂练用img标签 010 2.2.3;设置图片的大小 011 2.2.4;图片的边框显示 011 2.2.5;水平间距 012 课堂练置图片的间距效果 012 2.2.6;提示文字 013 2.2.7;文字替换图片 013 综合实战 定义图片热区 014 课后作业 设置字体和图片样式 014 第3章;表格布局网页 016 3.1;创建表格 016 3.1.1;表格的基本构成 016 3.1.2;表格的标题 017 课堂练作表格的标题 017 3.1.3;表格的表头 018 3.2;设置表格边框样式 018 3.2.1;给表格设置边框 018 课堂练置表格边框 019 3.2.2;给表格边框设置颜色 0 3.2.3;表格中的单元格间距 0 课堂练置表格单元格间距 0 3.2.4;表格中文字与边框间距 021 3.3;设置表格行内属 022 3.3.1;行的背景颜色 022 3.3.2;行内文字的对齐方式 022 课堂练置行内文字的对齐方式 022 3.4;设置表格的背景 024 3.4.1;表格背景颜色 024 3.4.2;为表格背景插入图像 025 3.5;设置单元格的样式 025 3.5.1;单元格的大小 025 3.5.2;单元格的背景颜色 026 3.5.3;单元格的边框属 026 3.5.4;合并单元格 027 课堂练多个单元行合并 027 综合实战 利用表格制作简单的网页 028 课后作业 制作一张课程表 029 第4章;列表和**链接 031 4.1;使用无序列表 031 4.1.1;ul标签使用方法 031 课堂练作无序列表 031 4.1.2;type无序列表类型 032 4.2;使用有序列表 033 4.2.1;ol定义有序列表 033 课堂练作有序列表 034 4.2.2;type有序列表类型 034 4.2.3;start有序列表的起始值 035 4.2.4;dl定义列表标签 035 课堂练作定义列表 036 4.2.5;menu菜单列表 038 课堂练作菜单列表样式 038 4.2.6;color设置列表文字颜色 039 4.3;列表的嵌套 039 4.3.1;定义列表的嵌套 039 课堂练用嵌套列表制作诗集 040 4.3.2;无序列表和有序列表的嵌套 041 课堂练作历史朝代表 041 4.3.3;有序列表之间的嵌套 042 4.4;**链接的路径 043 4.4.1;**路径 043 4.4.2;相对路径 043 4.5;创建**链接 043 4.5.1;**链接标签的属 043 4.5.2;内部链接 043 课堂练作网页中的链接方法 044 4.5.3;外部链接 045 综合实战 制作网站首页菜单 045 课后作业 首页的二级菜单 046 第5章;HTML5常用元素 048 5.1;HTML5新特 048 5.2;HTML5的优势 048 5.2.1;页面的交互能更强大 049 课堂练作一个可以编辑的页面 049 5.2.2;HTML5中的标记方法 050 5.2.3;HTML5与旧版本的兼容 051 5.3;HTML5中新增和废弃的元素 052 5.3.1;HTML5中新增的元素 052 5.3.2;HTML5中废弃的元素和属 055 5.4;HTML5新的主体结构元素 056 5.4.1;article元素 056 课堂练义外部内容 056 5.4.2;section元素 057 课堂练用section元素 057 5.4.3;nav元素 059 课堂练作简单导航栏 059 5.4.4;aside元素 060 课堂练side元素的使用方法 060 5.4.5;time元素与微格式 061 课堂练用time微格式 061 5.5;HTML5新的非主体结构元素 062 5.5.1;header元素 062 课堂练用header元素 062 5.5.2;hgroup元素 063 5.5.3;footer元素 064 课堂练用footer制作底部信息 064 综合实战 使用video元素添加 065 课后作业 制作一个播放器效果 067 第6章;表单的应用详解 069 6.1;表单的标签 069 6.1.1;处理动作action 069 6.1.2;表单名称name 070 6.1.3;传送方法method 070 6.1.4;编码方式enctype 070 6.1.5;目标显示方式target 071 6.1.6;表单的控件 071 6.2;输入型的控件 072 6.2.1;文字字段text 072 课堂练字字段的设置 072 6.2.2;密码域password 073 课堂练码域的设置 073 6.2.3;单选按钮radio 074 6.2.4;复选框checkbox 075 6.2.5;表单按钮button 075 课堂练单的普通按钮 076 6.2.6;提交按钮mit 076 6.2.7;重置按钮reset 077 6.2.8;文件域file 077 课堂练件域的添加方法 077 6.2.9;文本域标签textarea 078 课堂练置表单的文本域 078 6.3;表单定义标签 079 6.3.1;使用label定义标签 079 课堂练label定义标签 079 6.3.2;使用button定义按钮 080 课堂练用button定义按钮 080 6.3.3;列表、表单标记 081 课堂练表、表单的设置 081 6.4;HTML5 中的表单 082 6.4.1;HTML5 form新特 082 6.4.2;新型表单的输入型控件 083 6.4.3;表单中日期的制作 084 课堂练单中出现的日期 084 6.4.4;限制数字范围 085 课堂练作数字的*大和*小值 085 6.4.5;自选颜色的设置 085 课堂练择喜欢的颜色 085 6.5;HTML5中表单新增的元素和属 086 6.5.1;表单的新元素 086 6.5.2;表单新增属 088 课堂练入占位符的制作方法 089 课堂练动获得焦点 089 课堂练索datalist元素的值 090 综合实战 制作一个综合表单 091 课后作业 利用新增元素制作表单 092 第7章;选择器的妙用 094 7.1;CSS简介 094 7.1.1;CSS特点及优点 094 7.1.2;CSS的基本语法 095 7.1.3;引入CSS的方法 095 课堂练SS内容引入方法 096 7.2;CSS选择器 098 7.2.1;三大基础选择器 098 7.2.2;集体选择器 100 课堂练用集体选择器 100 7.2.3;属选择器 102 课堂练用属选择器 102 7.2.4;后代选择器 103 课堂练代选择器用法 104 7.2.5;子元素选择器 105 7.2.6;相邻兄弟选择器 106 课堂练择器的结合使用 106 7.2.7;伪类 108 课堂练用：first-child伪类 108 课堂练用:lang伪类 109 7.2.8;伪元素 110 课堂练用:first-line伪元素 110 课堂练用:before伪元素 111 课堂练用:after伪元素 113 7.3;CSS的继承和单位 114 7.3.1;继承关系 114 课堂练承关系效果 114 7.3.2;CSS继承的局限 116 课堂练置字体的边框 116 7.3.3;CSS**数值单位 117 7.3.4;CSS相对数值单位 117 综合实战 制作悬浮下拉菜单 117 课后作业 使用伪元素制作效果 118 第8章;CSS定位效果 1 8.1;CSS定位机制简介 1 8.2;常规与浮动定位 121 8.2.1;常规定位 121 8.2.2;浮动定位 121 课堂练作图片浮动效果 123 8.3;定位属 125 8.3.1;**定位 125 课堂练*定位的应用 125 8.3.2;相对定位 128 课堂练对定位的应用 128 8.3.3;固定定位 129 课堂练作固定定位效果 130 8.4;z轴索引的优先级设置 131 课堂练置z轴索引的优先级 131 综合实战 制作导航栏效果 133 课后作业 使用定位制作动态效果 135 第9章;网页常用的样式 137 9.1;字体样式 137 9.1.1;字体font-?family 137 9.1.2;字号font-?size 137 课堂练置字号效果 138 9.1.3;字重font-weight 139 9.1.4;文本转换text-transform 139 9.1.5;字体风格font-?style 140 9.1.6;字体颜色color 140 9.1.7;文本修饰text-?decoration 140 9.1.8;简写font 140 课堂练写font效果 141 9.2;段落样式 142 9.2.1;字符间隔letter-spacing 142 9.2.2;单词间隔word-spacing 142 9.2.3;段落text-indent 142 9.2.4;横向对齐方式text-align 142 9.2.5;纵向对齐方式vertical-?align 143 课堂练置文字纵向对齐方式 143 9.2.6;文本行间距line-height 144 9.3;边框样式 145 9.3.1;边框线型border-style 145 9.3.2;边框颜色border-color 146 9.3.3;边框宽度border-width 146 9.3.4;制作边框效果 147 课堂练单的边框效果 147 9.4;外轮廓样式 148 9.4.1;轮廓线型outline-style 149 9.4.2;轮廓颜色outline-color 149 9.4.3;轮廓宽度outline-width 149 9.4.4;外轮廓outline简写 150 9.4.5;边框与外轮廓的异同点 150 课堂练框与外轮廓的差异 150 9.5;列表相关属 151 9.5.1;列表样式list-style-type 151 课堂练用CSS制作列表样式 152 9.5.2;列表标记的图像list-style-image 154 9.5.3;列表标记的位置list-style-position 154 9.5.4;列表属简写格式list-style 154 综合实战 制作阴影效果 155 课后作业 制作网页各种样式 155 第10章;盒子模型详解 157 10.1;盒子模型 157 10.1.1;CSS中的盒子简介 157 10.1.2;外边距设置 158 课堂练argin属效果 159 10.1.3;外边距合并 160 10.1.4;内边距设置 161 10.2;弹盒子 162 10.2.1;弹盒子基础 162 10.2.2;浏览器支持情况 163 10.2.3;对父级容器的设置 163 课堂练lex-direction属应用 164 10.2.4;对子级内容的设置 167 课堂练lex属效果 167 综合实战 制作三级菜单 169 课后作业 设置图片效果 169 第11章;初次使用JavaScript 171 11.1;JavaScript简介 171 11.1.1;JavaScript的特点 171 11.1.2;JavaScript应用方向 172 11.1.3;JavaScript的用法 172 课堂练中使用函数 172 11.2;JavaScript函数 174 11.2.1;JavaScript函数定义 174 课堂练用函数 174 11.2.2;JavaScript函数参数 176 课堂练用函数参数 176 11.2.3;JavaScript函数调用 177 11.3;JavaScript的基本语法 178 11.3.1;数据类型 178 11.3.2;常量和变量 181 11.3.3;运算符和表达式 181 11.3.4;基本语句 187 11.4;JavaScript事件 188 11.4.1;事件类型 189 11.4.2;事件句柄 195 11.4.3;事件处理 195 综合实战 制作文字渐变效果 196 课后作业 制作文字各种效果 197 第12章;JavaScript事件解析 199 12.1;JavaScript应用表单 199 12.1.1;按钮对象 199 课堂练作点击按钮效果 199 12.1.2;复选框对象 0 12.2;JavaScript事件分析 1 12.2.1;轮播图效果 1 课堂练解轮播图 1 12.2.2;字体闪烁效果 8 课堂练作字体效果 8 12.3;JavaScript制作** 9 12.3.1;显示网页停留时间 9 12.3.2;制作定时关闭窗口 9 课堂练作窗口的自动关闭效果 9 12.4;网页常用效果 210 课堂练获错误信息 210 综合实战 轮播图的制作 211 课后作业 JavaScript的实际应用 212 附录;配套学 213 附录A;HTML页面基本元素速查 213 附录B;CSS常用属速查 213 附录C;JavaScript对象参考手册 213 附录D;jQuery参考手册 213 附录E;网页配色基本知识速查 213 附录F;本书实例源程序及素材 213