《Web前端开发简明教程 HTML CSS JavaScrip》读书笔记思维导图

《Web前端开发简明教程HTMLCSSJavaScrip》最新版读书笔记，下载可以直接修改思维导图PPT模板第章小结标签文本元素页面网页样式属性文档图像模型应用读者浏览器代码案例列表表单本书关键字分析思维导图01第1章HTML概述第3章HTML列表第5章HTML表单第2章HTML文本与图像第4章HTML表格第6章HTML5目录030502040607第7章CSS基础第9章CSS字体与文本第11章CSS定位第8章CSS盒子模型第10章CSS列表与表格第12章JavaScript基础目录0901108010012013第13章JavaScript应用第15章综合案例第14章jQuery应用目录015014内容摘要本书较为全面地介绍了HTML、CSS、JavaScript、jQuery的相关知识，读者可以系统地学习编写HTML代码、利用CSS设置网页的样式、利用JavaScript和jQuery为网页添加动态效果及修改网页与样式等内容，书中每一章有详细的案例展示，方便读者更好地理解知识点。第1章HTML概述<meta>标签提供关于HTML文档的元数据。1.1相关概念1.2HTML发展现状1.3HTML网页结构1.4HTML网页编辑与显示1.5HTML注释本章小结010302040506第1章HTML概述第2章HTML文本与图像元数据不会显示在页面上，meta元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。2.1HTML头部元素2.2HTML文本2.3HTML样式2.4<div>标签与<span>标签2.5超链接2.6图像010302040506第2章HTML文本与图像2.7综合练习——制作图文混排新闻页面本章小结2.8综合练习——制作购物页面上的商品...第2章HTML文本与图像第3章HTML列表<meta>标签始终位于head元素中，<meta>标签的使用格式为：可以添加到head中的标签有：<title>、<link>、<meta>、<script>以及<style>。3.1无序列表与有序列表3.2通过CSS设置列表项目符号及制作...3.3列表嵌套3.4自定义列表本章小结12345第3章HTML列表第4章HTML表格可以看到<H1>和<H2>中的文字位于不同的行，实际上浏览器会自动在一些HTML标签的前后添加空行，这样的标签（元素）称为“块元素”，所有的标题标签都是“块元素”。4.1创建表格本章小结4.2完善表格第4章HTML表格第5章HTML表单而浏览器没有在其前后添加空行的标签（元素）称为“行内元素”，如超链接<a>就是“行内元素”。5.1创建表单本章小结5.2表单实例第5章HTML表单第6章HTML5<a>标签最常用的属性还有target，其取值可以为：_blank、_parent、_self、_top四个中的一个，用于定义被链接的文档在何处显示。6.1HTML5结构化标签6.2HTML5多媒体6.3HTML5表单input类型本章小结第6章HTML5第7章CSS基础用户单击下面代码创建的超<div>标签可定义文档中的分区或节（division/section）,div元素没有特定的含义，是一个块元素。7.1HTML引用CSS的方式7.2CSS选择器7.3伪类本章小结第7章CSS基础第8章CSS盒子模型div元素可用于文档布局，另外与CSS一起对大的内容块设置样式属性。8.1CSS盒子模型概念8.2边框border8.3内边距padding8.4外边距margin第8章CSS盒子模型8.5元素宽度与高度设置本章小结8.6利用开发者工具查看元素盒子模型第8章CSS盒子模型第9章CSS字体与文本HTML标签的属性与CSS属性是完全不同的，不同HTML标签具有不同的属性，HTML标签属性的设置采用“=”;CSS属性用于独立设置样式，与HTML标签无关，CSS属性设置采用符号“:”。9.1CSS字体9.2CSS文本9.3CSS背景本章小结第9章CSS字体与文本第10章CSS列表与表格span元素是行内元素，span元素也没有特定的含义。10.1CSS列表10.2CSS表格10.3CSSdisplay（显示）...本章小结第10章CSS列表与表格第11章CSS定位其主要使用场合是与CSS一同使用，为部分文本设置样式属性。11.1position定位本章小结11.2浮动第11章CSS定位第12章JavaScript基础HTML即超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐等多媒体信息。12.1JavaScript使用12.2JavaScript基本语法12.3JavaScript运算符12.4JavaScript流程控制本章小结12345第12章JavaScript基础第13章JavaScript应用<img>的常用属性有width、height和alt。13.1JavaScript浏览器对象13.2JavaScript文档对象模...13.3JavaScript编程应用实...13.4JavaScript编程应用实...本章小结12345第13章JavaScript应用第14章jQuery应用width用于定义图片的宽度；height用于定义图片的高度；alt用于定义可替换文本，在浏览器无法载入图像时，浏览器将显示这个替换文本而不是图像。14.1jQuery简介14.2jQuery选择器14.3jQuery事件14.4jQuery效果14.5jQuery应