目录

第1章    网页设计基础知识  1

 1.1  网页相关知识简介  2

1.1.1  互联网、因特网和万维网  2

1.1.2  网站和网页  2

1.1.3  网页与HTML  3

1.1.4  静态网页和动态网页  3

1.1.5  URI和URL  5

1.1.6  HTTP和HTTPS  6

1.1.7  浏览器  6

 1.2  网页的基本元素  6

1.2.1  网页的基本媒体元素  6

1.2.2  网页的基本布局元素  8

 1.3  网页设计常用技术  10

1.3.1  网页标记语言HTML  10

1.3.2  网页表现技术CSS  11

1.3.3  网页脚本语言JavaScript  11

 1.4  网页设计常用工具  11

1.4.1  基于文本的编辑器  12

1.4.2  专业代码编辑器  12

1.4.3  集成开发环境  13

1.4.4  浏览器开发者工具  14

1.4.5  在线协作工具  14

1.4.6  AI辅助工具  14

 1.5  习题  15

1.5.1  单选题  15

1.5.2  填空题  15

1.5.3  判断题  15

1.5.4  简答题  15

第2章    HTML5基础  16

 2.1  认识HTML5  17

2.1.1  HTML及其发展  17

2.1.2  HTML5的特点  17

2.1.3  编写第一个HTML5文件  18

 2.2  HTML基本语法  19

2.2.1  标记与元素  19

2.2.2  HTML属性  20

2.2.3  全局属性  21

 2.3  HTML5文档的结构  22

2.3.1  HTML5文档的基本结构  22

2.3.2  网页标题<title>  23

2.3.3  定义元数据<meta>  23

2.3.4  HTML5新增的结构标记  25

 2.4  综合案例——基本的HTML5网页  26

 2.5  习题  27

2.5.1  单选题  27

2.5.2  填空题  28

2.5.3  判断题  28

2.5.4  简答题  28

第3章    文字与段落  29

 3.1  基本的文字排版  30

3.1.1  段落<p>  30

3.1.2  控制换行<br>  30

3.1.3  预先格式化<pre>  31

3.1.4  标题文字<h1>～<h6>  32

3.1.5  水平线<hr>  33

 3.2  描述文本的语义化、结构化元素  34

3.2.1  强调文本<b>/<i>/<em>/<strong>  34

3.2.2  作品标题<cite>  35

3.2.3  小型文本<small>  36

3.2.4  标记文本改变<ins>/<del>  36

3.2.5  文字上下标<sup>/<sub>  37

3.2.6  旁注<ruby>/<rt>/<rp>  38

3.2.7  日期时间<time>  39

3.2.8  其他语义化、结构化元素  40

 3.3  使用字符实体表示特殊字符  40

 3.4  添加注释  41

 3.5  列表  42

3.5.1  无序列表<ul>  42

3.5.2  有序列表<ol>  43

3.5.3  描述列表<dl>/<dt>/<dd>  44

3.5.4  列表的嵌套  45

 3.6  块级元素与行内元素  46

 3.7  无语义的容器元素  48

3.7.1  div元素  48

3.7.2  span元素  49

 3.8　综合案例——简单文字网页  50

 3.9　习题  52

3.9.1  单选题  52

3.9.2  填空题  52

3.9.3  判断题  52

3.9.4  简答题  53

第4章    图像、音频和视频  54

 4.1  文件路径  55

4.1.1  绝对路径  55

4.1.2  相对路径  55

 4.2  在网页中插入图像<img>  56

4.2.1  网页图像的格式  56

4.2.2  插入图像  57

 4.3  在网页中插入视频<video>  58

4.3.1  视频格式  58

4.3.2  插入视频  59

 4.4  在网页中插入音频<audio>  60

4.4.1  音频格式  60

4.4.2  插入音频  61

 4.5  使用多种来源的多媒体和备用文本<source>  61

 4.6  插入多媒体文件<embed>  62

 4.7  定义媒介分组和标题<figure>/<figcaption>  63

 4.8  综合案例——多媒体页面的设计  64

 4.9  习题  65

4.9.1  单选题  65

4.9.2  填空题  66

4.9.3  判断题  66

4.9.4  简答题  66

第5章    超链接  67

 5.1  超链接概述  68

 5.2  基本链接  68

5.2.1  外部链接  68

5.2.2  内部链接  69

5.2.3  <a>标记的属性  70

5.2.4  超链接的目标类型  73

 5.3  锚记(书签)链接  74

 5.4  设置图像映射  76

 5.5  内联框架<iframe>及其链接  78

5.5.1  内联框架  78

5.5.2  内联框架相关的链接  79

 5.6  定义基准地址<base>  80

 5.7  综合案例——设置超链接  82

 5.8  习题  83

5.8.1  单选题  83

5.8.2  填空题  84

5.8.3  判断题  84

5.8.4  简答题  85

第6章    表格  86

 6.1  表格简介  87

 6.2  创建表格  87

6.2.1  表格基本结构  87

6.2.2  表格边框显示  89

6.2.3  单元格内容  90

 6.3  合并单元格  91

6.3.1  设置跨列colspan  91

6.3.2  设置跨行rowspan  92

 6.4  表格嵌套  93

 6.5  表格的按行分组显示<thead>/<tbody>/<tfoot>  94

 6.6  综合案例——表格应用  95

 6.7　习题  97

6.7.1  单选题  97

6.7.2  填空题  97

6.7.3  判断题  97

6.7.4  简答题  97

6.7.5  应用题  98

第7章    表单  99

 7.1  表单概述  100

 7.2  建立表单<form>  100

 7.3  基本的表单控件  101

7.3.1  <input>标记  101

7.3.2  多行文本框<textarea>  106

7.3.3  选择列表<select>/<datalist>  107

 7.4  新增<input>表单控件  109

7.4.1  url类型  110

7.4.2  email类型  110

7.4.3  日期和时间类型  111

7.4.4  数字类型  112

7.4.5  color类型  113

7.4.6  search类型  113

7.4.7  tel类型  113

 7.5  fieldset控件组  114

 7.6  <input>常用公共属性  114

7.6.1  autofocus属性  115

7.6.2  placeholder属性  115

7.6.3  required属性  116

7.6.4  pattern属性  116

 7.7  综合案例——表单设计  118

 7.8  习题  119

7.8.1  单选题  119

7.8.2  填空题  120

7.8.3  判断题  120

7.8.4  简答题  120

第8章    CSS基础  121

 8.1  CSS 介绍  122

8.1.1  CSS概述  122

8.1.2  CSS3  123

 8.2  CSS的基本语法  123

 8.3  CSS属性  124

 8.4  在HTML文档中使用CSS的方法  126

8.4.1  行内样式  126

8.4.2  内部样式表  128

8.4.3  链入外部样式表  129

8.4.4  导入外部样式表  131

 8.5  CSS基本选择器  133

8.5.1  标记选择器  133

8.5.2  类选择器  133

8.5.3  id选择器  135

8.5.4  通用选择器  136

 8.6  其他CSS选择器  137

8.6.1  组合选择器  137

8.6.2  伪类选择器  142

8.6.3  伪对象选择器  142

8.6.4  属性选择器  143

 8.7  综合案例——CSS的简单应用  144

 8.8  习题  148

8.8.1  单选题  148

8.8.2  填空题  148

8.8.3  判断题  148

8.8.4  简答题  149

第9章    CSS文本样式  150

 9.1  颜色color  151

 9.2  CSS字体属性  153

9.2.1  字型font-family  153

9.2.2  字体尺寸font-size  154

9.2.3  字体粗细font-weight  156

9.2.4  字体风格font-style  157

9.2.5  字体变体font-variant  158

9.2.6  字体复合属性font  159

 9.3  文本格式化  160

9.3.1  行高line-height  161

9.3.2  水平对齐方式text-align  162

9.3.3  文本缩进text-indent  163

9.3.4  大小写text-transform  164

9.3.5  字符间距letter-spacing  165

9.3.6  单词间距word-spacing  166

9.3.7  垂直对齐方式vertical-align  166

9.3.8  文本修饰text-decoration  168

9.3.9  文本阴影text-shadow  169

9.3.10  书写模式writing-mode  170

9.3.11  断行处理word-wrap 和overflow-wrap  171

9.3.12  文本相关伪对象  173

 9.4  CSS列表属性  174

9.4.1  列表项目符号list-style-type  174

9.4.2  图像列表项目符号list-style-image  176

9.4.3  列表项目符号位置list-style-position  177

9.4.4  列表项目复合属性list-style  178

 9.5  综合案例——基本图文混排网页  179

 9.6  习题  183

9.6.1  单选题  183

9.6.2  填空题  184

9.6.3  判断题  184

9.6.4  简答题  184

第10章    CSS盒子模型  185

 10.1  盒子BOX的基本概念  186

10.1.1  盒子的基本形式  186

10.1.2  盒子大小的计算width/height  188

10.1.3  改变盒子大小的计算方式box-sizing  190

 10.2  边框的基本属性  191

10.2.1  边框样式border-style  191

10.2.2  边框厚度border-width  193

10.2.3  边框颜色border-color  195

10.2.4  边框复合属性  196

 10.3  边距  198

10.3.1  内边距padding  198

10.3.2  外边距margin  200

 10.4  盒子的其他属性  202

10.4.1  圆角边框border-radius  202

10.4.2  图像边框border-image  204

10.4.3  盒子阴影box-shadow  209

 10.5  表格和表单BOX的样式  212

10.5.1  设计表格样式  212

10.5.2  设计表单样式  215

 10.6  综合案例——盒子布局排版  219

 10.7  习题  223

10.7.1  单选题  223

10.7.2  填空题  224

10.7.3  判断题  224

10.7.4  简答题  224

10.7.5  应用题  225

第11章    CSS背景  226

 11.1  CSS背景概述  227

 11.2  背景颜色  227

11.2.1  背景颜色background-color  227

11.2.2  用背景色给页面分块  229

 11.3  背景图像  231

11.3.1  背景图像 background-image  232

11.3.2  背景图像重复background-repeat  233

11.3.3  背景图像滚动  background-attachment  235

11.3.4  背景图像位置 background-position  237

11.3.5  背景参考原点 background-origin  239

11.3.6  背景图像尺寸background-size  240

11.3.7  背景图像裁剪区域background-clip  242

11.3.8  线性渐变背景图像  243

 11.4  背景复合属性和多背景  245

11.4.1  背景复合属性background  245

11.4.2  多背景  246

 11.5  定义不透明度  247

 11.6  综合案例——设置背景  248

 11.7  习题  254

11.7.1  单选题  254

11.7.2  填空题  255

11.7.3  判断题  255

11.7.4  简答题  255

第12章    CSS盒子布局和定位  256

 12.1  CSS定位属性  257

12.1.1  正常流向  257

12.1.2  定位偏移属性top、bottom、right、left  258

12.1.3  定位方式position  258

12.1.4  分层呈现z-index  265

12.1.5  裁切clip  266

 12.2  CSS布局属性  267

12.2.1  可见性visibility  267

12.2.2  溢出overflow  269

12.2.3  显示display  271

12.2.4  浮动float  273

12.2.5  清除clear  275

 12.3  综合案例——布局和定位应用  277

 12.4  习题  287

12.4.1  单选题  287

12.4.2  填空题  287

12.4.3  判断题  288

12.4.4  简答题  288

第13章    网页布局  289

 13.1  网页布局方法  290

13.1.1  网页布局基本思想  290

13.1.2  DIV+CSS布局  290

13.1.3  DIV+CSS分块方法  291

 13.2  设计超链接样式  294

13.2.1  超链接样式变换  294

13.2.2  按钮式超链接  298

13.2.3  使用列表制作菜单  301

 13.3  布局版式  305

13.3.1  版心和布局流程  305

13.3.2  单列布局  306

13.3.3  两列布局  310

13.3.4  三列布局  316

13.3.5  通栏布局  324

 13.4  习题  333

13.4.1  单选题  333

13.4.2  填空题  333

13.4.3  判断题  334

13.4.4  简答题  334

参考文献     335