Web前端开发技术——HTML、CSS、JavaScript(第3版)

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


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 <body>主体标签 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标签<base> 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











有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4