HTML 篇
第1 章 Web 及前端介绍 ·····························.1
1.1 Web ············································.1
1.1.1 认识URL ·····························.1
1.1.2 认识HTTP ···························.2
1.1.3 Web 的发展 ··························.3
1.1.4 Web 相关标准 ·······················.4
1.1.5 软件结构划分 ························.4
1.1.6 动态网站开发所需的Web 构件 ·.5
1.2 什么是前端 ···································.7
1.3 编辑器介绍 ···································.8
1.4 本章小结 ······································.9
第2 章 初探HTML ··································.10
2.1 HTML 基础语法 ···························.10
2.1.1 HTML 的基本概念 ···············.10
2.1.2 标签的分类 ··························.11
2.1.3 标签属性 ····························.12
2.1.4 HTML 中对于空格及回车的处理
········································.12
2.1.5 实体 ··································.13
2.1.6 HTML 的注释符 ··················.13
2.2 文档结构 ····································.13
2.2.1 文档头 ·······························.14
2.2.2 <html>标签 ·························.14
2.2.3 <head>标签及<body>标签 ······.14
2.3 <head>标签中的内容 ·····················.15
2.3.1 <title>标签··························.15
2.3.2 <meta>标签 ························.15
2.3.3 其他头标签 ·························.16
2.4 本章小结 ····································.17
第3 章 常用HTML 标签 ···························.18
3.1 标记文字——普通文本 ··················.18
3.2 标记文字——超链接 ······················.25
3.2.1 绝对路径、相对路径 ·············.25
3.2.2 超链接 ·······························.27
3.2.3 锚点 ··································.29
3.3 组织内容——普通文本 ···················.29
3.4 组织内容——列表 ·························.30
3.4.1 有序列表 ····························.30
3.4.2 无序列表 ····························.31
3.4.3 自定义列表 ·························.32
3.5 组织内容——标题标签 ···················.33
3.6 嵌入内容——图像标签 ···················.34
3.6.1 图片类型 ····························.34
3.6.3 图像标签 ····························.34
3.7 实例:划分HTML 的结构 ··············.35
3.8 本章小结 ·····································.39
第4 章 表格和表单 ··································.40
4.1 表格 ···········································.40
4.1.1 普通表格 ····························.41
4.1.2 实例:海鲜购买清单 ·············.42
4.1.3 <th>、<td>标签中的colspan 和
rowspan 属性 ·······················.45
4.1.4 实例:食堂菜谱 ···················.46
4.2 表单 ···········································.47
4.2.1 初始表单 ····························.48
4.2.2 <form>标签的action 和method
属性 ··································.48
4.2.3 布尔属性 ····························.49
4.2.4 详解<input />标签 ·················.49
4.2.5 下拉列表 ····························.52
4.2.6 文本域 ·······························.53
4.2.7 按钮 ··································.54
4.2.8 为表单标签定义标注 ·············.55
4.3 实例:个人资料修改表单 ···············.55
4.4 本章小结 ····································.60
CSS 篇
第5 章 初探CSS 及选择器 ·······················.62
5.1 CSS 的基本用法 ···························.62
5.1.1 CSS 的基础语法···················.62
5.1.2 CSS 中的注释符···················.63
5.1.3 CSS 中颜色的表示方式 ·········.64
5.1.4 CSS 的使用方式···················.64
5.2 CSS 特性 ····································.67
5.3 CSS 选择器 ·································.69
5.3.1 标签选择器 ·························.69
5.3.2 类选择器 ····························.70
5.3.3 实例:仿Google ··················.73
5.3.4 层次选择器 ·························.74
5.3.5 ID 选择器 ···························.78
5.3.6 组合选择器 ·························.79
5.3.7 通配符选择器 ······················.80
5.3.8 伪类选择器 ·························.81
5.3.9 其他选择器 ·························.84
5.3.10 实例:表格隔行换色 ···········.85
5.4 权重值 ·······································.88
5.5 本章小结 ····································.90
第6 章 字体与文本··································.91
6.1 调试器在CSS 中的使用 ·················.91
6.2 字体 ··········································.98
6.2.1 字体及字体族 ······················.98
6.2.2 字体(字体族)的类型 ··········.98
6.2.3 设置字体(字体族)——
可继承 ·······························.98
6.2.4 字号——可继承 ··················.100
6.2.5 设置字重——可继承 ············.101
6.2.6 字体风格——可继承 ············.102
6.2.7 字体简写 ···························.103
6.3 文本 ·········································.104
6.3.1 盒子模型的基本要素 ············.104
6.3.2 行内元素和块状元素 ············.105
6.3.3 元素显示类型 ·····················.105
6.3.4 字体颜色——可继承 ············.107
6.3.5 文本装饰——不可继承 ·········.108
6.3.6 文本缩进——可继承 ···········.110
6.3.7 字符间距——可继承 ···········.113
6.3.8 文本对齐——可继承 ···········.113
6.3.9 空白处理及换行 ·················.115
6.3.10 超出隐藏 ·························.118
6.3.11 行高 ········