适读人群 :5-12岁 如今互联网发展极其迅速,我们的生活已经离不开互联网,在互联网发展的历史中出现了一个又一个大咖,比如比尔·盖茨、Facebook创始人马克·扎克伯格等互联网领军人物,他们从小就对编程感兴趣,十几岁就可以编写计算机程序。编程其实不难,只要你喜欢玩,喜欢探索新奇的失误,小朋友们一样可以轻松学习编程。
HTML+CSS趣码快乐编程图书主要面向青少年儿童,在风格设计方面比较活泼、生动、有趣,将专业术语与生活中的常见事物进行类比,便于理解,层层深入,让孩子们像看动画一样轻松主动地学习编程。
本书囊括HTML、CSS中主要且必要的知识点,每章内容分不同模块逐步导入,设定“知识目标”,通过“指点迷津”进行内容讲解,“通关秘籍”总结概括本章重要知识点,再经过“大显身手”练习加强巩固,“项目创新大通关”可带领读者运用所学内容自己实现编程设计。除此之外,每章节后配有相应的二维码,扫码即可观看老师对本章内容的讲解,让读者更好地理解领会要点,逐步实现自己上手操作的能力。
第1章探索HTML之美
1.1认识第一个朋友——HTML的概念/2
HTML的基本概念/2
HTML与其他编程语言的区别/2
HTML的发展历程/3
初识浏览器/3
1.2HTML的骨架结构/5
HTML的基本结构与语法/5
编辑器的下载及使用/7
1.3初识标签/14
双标签与单标签的基本结构/14
标签之间的关系/16
HTML标签的语义化/17
第2章HTML的宝藏——常用标签
2.1排版标签/20
p标签/20
br标签/21
hr标签/22
注释标签/22
排版标签的综合运用/23
2.2字体标签/26
h系列标签/26
粗体标签/28
斜体标签/29
sup标签和sub标签/30
字体标签的综合运用/30
2.3列表标签/33
什么是列表?/34
无序列表标签/34
有序列表标签/37
自定义列表标签/39
2.4图形标签/43
什么是图片标签?/43
img标签的基本属性/43
路径/44
路径的分类/46
img标签的其他属性/47
2.5a标签/53
a标签的应用场景/53
a标签的语法/53
a标签的属性/56
2.6div标签与span标签/58
网页拆分/58
网页拆分原则/59
div标签/60
span标签/63
2.7特殊字符标签/66
常用的特殊字符/66
2.8初识行块标签/67
块级标签/67
行级标签/68
常见块级标签和行级标签/68
第3章宝藏的钥匙——CSS
3.1认识CSS/70
什么是CSS?/70
CSS的作用/70
CSS基础语法/70
CSS的引入方式/71
3.2CSS布局与选择器/74
id选择器/74
字体颜色(color)/75
CSS基础属性及常用单位/76
background进阶/78
class选择器/83
id与class命名规范/85
外边距(margin)/85
内边距(padding)/89
边框(border)、描边(outline)/90
3.3CSS选择器进阶/95
标签选择器/95
后代选择器/96
群组选择器/98
伪类选择器/99
通配符/101
第4章字体与文本
4.1字体操作属性/106
字体类型(font-family)/106
字体大小(font-size)/106
字体样式(font-style)/107
字体粗细(font-weight)/107
字体属性简写(font)/108
4.2文本操作属性/111
文本行高(line-height)/112
文本修饰(text-decoration)/114
文本首行缩进(text-indent)/115
文本水平对齐(text-align)/116
列表样式(list-style)/118
第5章盒模型与行块元素
5.1盒模型与行块元素的概念/122
标准盒模型/122
行级与块级元素的区别/122
5.2行块元素转换/124
行块元素的转换属性/124
浏览器调试台/126
第6章整齐的道路——表格
6.1网页中的表格/130
为什么使用表格?/130
表格的基本结构/130
表格的基本语法/131
表格的结构化/132
跨列、跨行的表格/133
6.2表格的综合应用/135
第7章重要城市——表单
7.1初识表单/140
表单概述/140
form标签/140
7.2表单中的常用标签/141
input标签/141
input标签分类/141
多行文本域/143
下拉列表/144
label标签/144
7.3表单属性/146
size属性/146
maxlength属性/147
checked属性/147
selected属性/147
placeholder属性/148
disabled属性/149
7.4表单的应用/151
第8章大显身手——显示与隐藏
8.1display与visibility/164
display与visibility的概念/164
display与visibility的属性值/164
display与visibility的区别/164
8.2opacity(不透明度)/166
opacity的概念/166
opacity的应用/167
第9章感受2D变换与过渡效果
9.1transition(过渡)/170
9.2transform(变换)/173
旋转(rotate)/174
缩放(scale)/174
平移(translate)/177
第10章浮动的奥秘
10.1认识浮动/180
HTML文档流介绍/180
什么是浮动?/181
浮动属性介绍/182
10.2浮动的应用/182
元素向左浮动/182
元素向右浮动/183
相邻元素含有float属性/184
10.3清除浮动带来的影响/186
第11章自由掌控——定位
11.1认识定位/194
什么是定位?/194
定位属性介绍/195
11.2定位的运用/195
相对定位/195
绝对定位/196
固定定位/197
神奇的锚点/198
定位的综合运用/199
课后习题答案/207