零基础HTML+CSS从入门到精通
作者: 零壹快学
出版时间: 2019年版
内容简介
本书以帮助零基础读者学习并掌握计算机编程HTML+CSS语言为宗旨,循序渐进引导读者学习网页制作HTML+CSS语言的基础内容和高阶核心知识,并采用大量实际网页场景的代码实例和图例,结合当下热门企业工作中的编程技巧的方式,增加读者设计网页的实战操作经验和分析解决问题的能力。本书的每一章特别编写了知识扩展章节,全面分析与归纳实际工作中HTML+CSS编程技巧和互联网网页高级知识,引导读者深入挖掘计算机编程领域,进而能够多维度思考和理解计算机网络的应用。同时,本书还配有教学视频,对书中的示例和高阶编程内容加以详细解释和操作演示,便于初学者理解,提高学习效率,有助于读者全面、系统地运用所学编程知识技巧。
目录
第1 章 走进互联网前端……………… 1
1.1 浅谈互联网前端……………………… 1
1.1.1 互联网的前世与今生……………… 1
1.1.2 什么是Web 前端工程师…………… 2
1.1.3 Web 前端的发展现状……………… 3
1.2 为什么要学习HTML5 和CSS3… … 4
1.2.1 “前端三剑客”——HTML、CSS、
JavaScript…………………………… 4
1.2.2 学习HTML5 和CSS3 的优势……… 5
1.3 浏览器的故事………………………… 6
1.3.1 浏览器简史………………………… 6
1.3.2 当前主流浏览器与版本…………… 6
1.4 如何上手HTML5 与CSS3 开发… … 8
1.4.1 如何选择编辑器…………………… 8
1.4.2 前端学习技巧……………………… 9
1.4.3 前端技术社区……………………… 10
1.5 小结…………………………………… 10
1.6 知识拓展……………………………… 11
1.6.1 Atom 编辑器的安装与使用… …… 11
1.6.2 一些有用的编辑器插件和配置…… 15
第2 章 初探HTML… ……………… 16
2.1 HTML 概述… ………………………… 16
2.1.1 HTML 简介… ……………………… 16
2.1.2 HTML 发展史… …………………… 17
2.1.3 HTML 的“远房表弟”——XML 和
XHTML……………………………… 17
2.2 HTML 文件结构… …………………… 18
2.2.1 文档类型声明……………………… 18
2.2.2 文件头head………………………… 19
2.2.3 文件实体body……………………… 20
2.3 HTML 基本语法… …………………… 20
2.3.1 HTML 元素… ……………………… 20
2.3.2 HTML 属性… ……………………… 22
2.3.3 注释语法…………………………… 24
2.3.4 HTML 中的字符实体… …………… 26
2.4 块级元素与行内元素………………… 27
2.5 头部head 元素… …………………… 29
2.5.1 网页标题title… …………………… 30
2.5.2 外部链接link… …………………… 30
2.5.3 元数据meta………………………… 32
2.5.4 内部样式style……………………… 33
2.5.5 脚本script… ……………………… 33
2.6 用iframe 元素嵌套HTML 页面… …34
2.7 小结…………………………………… 39
2.8 知识拓展……………………………… 40
第3 章 文本与排版………………… 42
3.1 分区div… …………………………… 42
3.2 标题h1~h6…………………………… 44
3.3 段落p… ……………………………… 46
3.4 换行br………………………………… 47
3.5 水平线hr……………………………… 49
3.6 引用内容blockquote………………… 50
3.7 特殊字体……………………………… 51
3.7.1 字体加粗b… ……………………… 51
3.7.2 斜体字i… ………………………… 52
3.7.3 删除线del… ……………………… 53
3.7.4 上标sup 和下标sub… …………… 54
3.7.5 行内容器span……………………… 55
3.8 预定义格式文本pre… ……………… 56
3.9 小结…………………………………… 57
3.10 知识拓展… ………………………… 57
第4 章 用图片丰富页面…………… 62
4.1 使用图片img… ……………………… 62
4.2 图片的分类与应用…………………… 66
4.3 小结…………………………………… 67
4.4 知识拓展……………………………… 68
第5 章 超链接……………………… 72
5.1 链接的基本使用……………………… 72
5.1.1 链接简介与属性…………………… 72
5.1.2 定义目标文档与当前文档关系…… 73
5.1.3 定义链接的打开方式……………… 73
5.1.4 定义下载的文件名………………… 74
5.2 图片与模块链接……………………… 75
5.3 锚点链接……………………………… 78
5.4 邮件与电话…………………………… 80
5.4.1 发送邮件…………………………… 80
5.4.2 拨打电话…………………………… 81
5.5 链接中的JavaScript… ……………… 82
5.6 小结…………………………………… 83
5.7 知识拓展……………………………… 83
5.7.1 URL 定义…………………………… 83
5.7.2 URL 编码…………………………… 84
第6 章 表格………………………… 86
6.1 表格的结构…………………………… 86
6.1.1 基本表格…………………………… 86
6.1.2 使用表头…………………………… 88
6.1.3 复杂版表格………………………… 89
6.2 表格的样式…………………………… 93
6.3 单元格合并…………………………… 95
6.4 小结…………………………………… 98
6.5 知识拓展……………………………… 98
第7 章 列表………………………… 102
7.1 无序列表ul………………………… 102
7.1.1 无序列表简介…………………… 102
7.1.2 无序列表样式…………………… 103
7.2 有序列表ol………………………… 105
7.2.1 有序列表简介…………………… 105
7.2.2 有序列表样式…………………… 106
7.3 定义列表dl………………………… 111
7.4 小结………………………………… 111
第8 章 表单………………………… 112
8.1 表单form 概述… ………………… 112
8.1.1 表单form 简介…………………… 112
8.1.2 表单的处理地址action… ……… 114
8.1.3 表单的请求方法method………… 115
8.1.4 文本自动补全autocomplete… … 117
8.1.5 表单验证novalidate……………… 117
8.1.6 表单数据格式enctype…………… 118
8.2 表单控件input… ………………… 120
8.2.1 表单控件简介…………………… 120
8.2.2 表单控件的类型………………… 121
8.2.3 表单控件的名称………………… 121
8.2.4 无效的表单控件………………… 122
8.2.5 只读的表单控件………………… 123
8.2.6 表单控件的初始值……………… 124