本书全面介绍了Web标准的三个主要组成部分:HTML、CSS和JavaScript。循序渐进的讲述Web开发所涉及的三大前端技术的内容、应用技巧以及它们的综合应用。每部分都配置了大量的实用案例,图文并茂,效果直观。 全书共21章,分为四个部分。在HTML部分,系统介绍了主要讲述了主要讲述了HTML基本概念、 常用文本标签、文档结构标签、在网页中插入多媒体内容、列表、DIV标签、元素类型、在网页中创建超链接、在网页中使用表格、在网页中创建表单等内容;在CSS部分,系统介绍了CSS的定义、CSS常用属性、盒子模型、网页元素的CSS排版等内容;在JavaScript部分,系统介绍了JavaScript基础、脚本函数、事件处理、JavaScript内置对象、BOM对象、正则表达式模式匹配、JavaScript经典实例等内容;本书*后,通过一个综合实例,详细讲解了整合三大Web前端技术制作网页涉及的各方面内容和技巧。 本书可作为大中专院校及培训学校计算机及相关专业的教材,并可供从事前端开发工作的相关人员参考。

第 1章HTML基础 1 1.1 基本概念 1 1.2 HTML发展历程 2 1.3 HTML文件 3 1.3.1 HTML标签 4 1.3.2 HTML文件基本结构 5 1.3.3 文档类型声明标签 5 1.3.4 及网页头部区域标签 6 1.3.5 主体标签 11 1.3.6 HTML文件的编写方法 12 习 题 1 14 第 2章 常用文本标签和文档结构标签 16 2.1 常用文本标签 16 2.1.1 段落与换行标签 16 2.1.2 标题字标签 17 2.1.3 strong标签强调 18 2.1.4 em标签 19 2.1.5 span标签 19 2.1.6 空格、特殊字符的输入及注释 20 2.2 HTML5文档结构标签 22 2.2.1 header标签 22 2.2.2 article标签 23 2.2.3 section标签 23 2.2.4 nav标签 24 2.2.5 aside标签 25 2.2.6 footer标签 25 习 题 2 26 第3章 在网页中插入多媒体内容 28 3.1 在网页中插入图片 28 3.1.1 网页常用图片格式 28 3.1.2 插入图片基本语法 28 3.1.3 设置图片大小 29 3.1.4 设置图片描述信息和替换信息 30 3.2 使用嵌入Flash动画 31 3.3 使用嵌入多媒体内容 33 3.4 使用嵌入音频和视频 34 3.5 使用嵌入音频 36 习 题 3 36 第4章 列表、DIV标签和元素类型 38 4.1 使用列表标签创建列表 38 4.1.1 创建有序列表 38 4.1.2 创建无序列表 40 4.1.3 创建嵌套列表 44 4.2 标签 45 4.3 元素类型 46 4.3.1 block块级元素 46 4.3.2 inline行内元素 48 4.3.3 inline-block行内块元素 49 习 题 4 50 第5章 在网页中创建超链接 52 5.1 使用标签创建超链接 52 5.1.1 创建超链接的基本语法 52 5.1.2 设置超链接目标窗口 53 5.1.3 超链接的链接路径 54 5.2 基准URL标签 55 5.3 超链接的类型 56 5.3.1 内部链接 56 5.3.2 外部链接 57 5.3.3 书签链接 57 5.3.4 脚本链接 59 5.3.5 文件下载 59 5.3.6 文本链接 60 5.3.7 图片链接 60 5.4 超链接与浮动框架 61 5.4.1 在页面中嵌入浮动框架 61 5.4.2 设置浮动框架的大小 62 5.4.3 设置浮动框架的边框 62 5.4.4 浮动框架作为超链接目标 63 习 题 5 64 第6章 在网页中使用表格 65 6.1 表格概述 65 6.2 表格标签 66 6.2.1 标签 66 6.2.2 表格标题标签 68 6.2.3 标签 68 6.2.4 和标签 69 6.2.5 单元格的跨行和跨列设置 71 6.2.6 、和标签 73 6.3 表格的综合示例 74 习 题 6 76 第7章 在网页中创建表单 77 7.1 表单概述 77 7.2 标签 78 7.3 input元素 78 7.3.1 文本框 79 7.3.2 密码框 80 7.3.3 隐藏域 80 7.3.4 文件域 81 7.3.5 单选框和复选框 82 7.3.6 提交按钮 83 7.3.7 button按钮 83 7.3.8 重置按钮 84 7.3.9 图像按钮 85 7.4 选择列表元素 85 7.5 文本域元素 88 7.6 HTML5表单新增属性 89 7.6.1 form属性 89 7.6.2 formaction属性 89 7.6.3 autofocus属性 90 7.6.4 pattern属性 91 7.6.5 placeholder属性 92 7.6.6 required属性 92 7.7 HTML5表单新增的input元素类型 93 7.7.1 tel类型 94 7.7.2 email类型 94 7.7.3 url类型 94 7.7.4 number类型 95 7.7.5 range类型 96 7.7.6 search类型 97 7.7.7 color类型 97 7.7.8 date类型 98 7.7.9 time类型 99 7.7.10 datetime类型 100 7.7.11 datetime-local类型 100 7.7.12 week类型 101 7.7.13 month类型 101 7.8 提交按钮新增取消验检属性 102 7.9 表单综合示例 103 习 题 7 105 第8章 CSS的定义及应用 106 8.1 CSS概述 106 8.2 定义CSS的基本语法 107 8.3 CSS基本选择器 109 8.3.1 元素选择器 109 8.3.2 类选择器 110 8.3.3 ID选择器 112 8.3.4 伪类选择器 114 8.3.5 伪元素选择器 118 8.3.6 通用选择器 121 8.4 CSS复合选择器 122 8.4.1 交集选择器 122 8.4.2 并集选择器 123 8.4.4 后代选择器 124 8.4.5 子元素选择器 125 8.4.6 相邻兄弟选择器 126 8.5 在HTML文档中应用CSS的常用方式 127 8.5.1 行内式 127 8.5.2 内嵌式 127 8.5.3 链接式 128 8.6 CSS的冲突与解决 129 习题8 131 第9章 CSS常用属性 132 9.1 文本属性 132 9.1.1 color颜色属性 132 9.1.2 text-align水平对齐属性 133 9.1.3 text-indent首行缩进属性 135 9.1.4 text-decoration文本修饰属性 136 9.1.5 letter-spacing字符间距属性 137 9.1.6 word-spacing字间距属性 138 9.1.7 line-height文本行高属性 139 9.2 字体属性 141 9.2.1 font-weight字体粗细属性 142 9.2.2 font-style字体风格属性 143 9.2.3 font-size字体大小属性 144 9.2.4 font-family字体族属性 145 9.2.5 font字体属性 147 9.3 背景属性 149 9.3.1 背景颜色属性:background-color 149 9.3.2 背景图片属性:background-image 150 9.3.3 背景图片重复属性:background-repeat 151 9.3.4 背景图片位置属性:background-position 152 9.3.5 背景图片滚动属性:background-attachment 154 9.3.6 背景属性:background 157 9.4 display属性 157 9.5 列表属性 160 9.5 表格属性 162 习题9 164 第 10章 盒子模型 165 10.1 盒子模型的组成 165 10.2 盒子边框设置 167 10.2.1 设置边框风格 167 10.2.2 设置边框宽度 170 10.2.3 设置边框颜色 172 10.2.4 统一设置边框的宽度、颜色和风格 174 10.3 盒子内边距设置 177 10.3.1 内边距的设置 177 10.3.2 padding内边距的特点 179 10.4 盒子外边距设置 181 10.4.1 外边距的设置 181 10.4.2 盒子外边距的合并 183 10.4.3 相邻盒子之间的水平间距 189 10.5 盒子内容大小设置 191 习 题 10 192 第 11章 网页元素的CSS排版 193 11.1 标准流排版 193 11.2 浮动排版 194 11.3 定位排版 205 习 题 11 214 第 12章 网页常见布局版式 215 12.1 上中下一栏版式 215 12.2 左右两栏版式 216 12.3 左右两栏 页眉 页脚版式 219 12.4 左右宽度固定中间自适应的左中右三栏版式 220 12.5 左中右三栏 页眉 页脚版式 223 12.6 DIV CSS布局与表格布局的比较 224 习 题 12 225 第 13章 JavaScript基础 226 13.1 JavaScript概述 226 13.1.1 JavaScript发展历史及组成部分 226 13.1.2 JavaScript与Java的关系及编辑工具 227 13.1.3 JavaScript特点 227 13.1.4 JavaScript语法特点 228 13.1.4 JavaScript代码执行顺序和调试 229 13.2 JavaScript代码的调试方法 229 13.2.1 使用alert()方法调试JavaScript代码 229 13.2.2 使用console.log()方法调试JavaScript代码 231 13.2.3 使用IE11的“***工具”调试脚本代码 232 13.3 标识符、关键字和保留字 235 13.4 直接量 236 13.5 变量 236 13.5.1 变量的声明与赋值 236 13.5.2 变量的作用域 237 13.6 数据类型 239 13.6.1 数字类型 239 13.6.2 字符串类型 240 13.6.3 布尔类型 242 13.6.4 null和undefined类型 242 13.6.5 数据类型的转换 242 13.7 表达式和运算符 246 13.7.1 算术表达式 246 13.6.2 关系表达式 247 13.6.3 逻辑表达式 248 13.6.4 赋值表达式 252 13.6.5 条件表达式 253 13.6.6 new运算符 253 13.6.7 运算符的优先级及结合性 254 13.7 语句 255 13.7.1 表达式语句 255 13.7.2 声明语句 255 13.7.3 条件语句 256 13.7.4 循环语句 262 13.7.5 循环终止和退出语句 267 13.7.6 注释语句 268 13.8 在网页中嵌入JavaScript代码 269 13.8.1 在HTML标签的事件属性中直接添加脚本 269 13.8.2 使用script标签嵌入脚本代码 270 13.8.3 使用标签链接外部JavaScript文件 271 习 题 13 272 第 14章 脚本函数 273 14.1 函数定义 273 14.2 return语句详解 275 14.3 函数调用 276 14.4 this指向 278 14.5 内置函数 280 习 题 14 282 第 15章 事件处理 283 15.1 事件处理概述 283 15.2 注册事件处理程序 284 15.2.1 使用HTML标签的事件属性注册事件处理程序 284 15.2.2 使用事件目标的事件属性注册事件处理函数 285 15.2.3 使用事件目标调用addEventListener()方法 286 15.3 事件处理程序的调用 288 15.3.1 事件处理程序与this的使用 288 15.3.2 事件对象event 290 15.3.3 事件处理程序的返回值 292 习 题 15 293 第 16章 JavaScript内置对象 294 16.1 Array对象 294 16.2 String对象 296 16.3 Math对象 298 16.4 Date对象 300 习 题 16 302 第 17章 使用DOM操作HTML文档 303 17.1 DOM概述 303 17.2 DOM对象 304 17.2.1 document对象 304 17.2.2 元素对象 305 17.2.3 属性对象 306 17.3 使用DOM访问文档元素 307 17.3.1 获取文档元素 307 17.3.2 访问和设置文档元素属性 308 17.3.3 使用innerHTML属性访问和设置文档元素内容 309 17.4 使用DOM创建、插入、修改和删除节点 310 17.5 表单及表单元素对象 312 17.5.1 表单对象 312 17.5.2 表单元素对象 313 习 题 17 317 第 18章 BOM对象 318 18.1 BOM结构 318 18.2 Window对象 318 18.3 navigator对象 326 18.4 location对象 327 18.5 history对象 329 18.6 screen对象 330 习 题 18 330 第 19章 正则表达式模式匹配 332 19.1 正则表达式定义 332 19.2 使用RegExp对象进行模式匹配 333 19.2.1 创建RegExp对象 334 19.2.2 RegExp对象常用属性和方法 334 19.3 用于模式匹配的String方法 338 习 题 19 341 第 20章 JavaScript经典实例 342 20.1 使用JavaScript创建选项卡切换内容块 342 20.2 使用JavaScript创建折叠菜单 345 20.3 使用JavaScript创建二级菜单 347 习 题 20 351 第 21章 使用HTML5 CSS JavaScript创建企业网站 352 21.1 网站的建设与发布流程 352 21.1.1 网站策划 352 21.1.2 网站素材收集 352 21.1.3 网页规划 352 21.1.4 网站目录设计 353 21.1.5 网页制作 353 21.1.6 网站测试 353 21.1.7 网站发布 354 21.2 使用HTML5 CSS JavaScript创建网站 354 21.2.1 网站的创建流程 354 21.2.2 公司简介网页的制作 356 21.2.3 网上订购页面的制作 367