Web前端开发精品课 莫振杰 著 专业科技 文轩网

目  录 部分  HTML入门 章  HTML基础  2 1.1  Web技术简介  3 1.1.1  从网页制作到前端开发  3 1.1.2  前端技术  4 1.1.3  后端技术  7 1.1.4  从前端开发到后端开发的学习路线  8 【疑问】  9 1.2  HTML是什么？  10 1.3  HTML入门简介  11 1.3.1  教程说明  11 1.3.2  初学者比较关心的 问题  13 1.4  本章总结  13 第2章  前端开发工具  15 2.1  前端开发工具  16 2.1.1  Dreamweaver  16 2.1.2  Sublime Text  17 2.1.3  Visual Studio  17 2.2  新建HTML页面   18 第3章  HTML基本标签  20 3.1  HTML基本结构  21 3.1.1  HTML基本结构  21 3.1.2  用记事本编写网页  22 3.1.3  用Dreamweaver编写 网页  23 3.2  head标签  24 3.2.1  head标签内的title 标签  25 3.2.2  head标签内的meta 标签  25 3.2.3  head标签内的style 标签  28 3.2.4  head标签内的script 标签  28 3.2.5  head标签内的link 标签  29 3.3  body标签   29 3.4  HTML注释   30 3.5  本章总结   32 训练题   33 第4章  段落与文字   34 4.1  段落与文字简介  35 4.2  标题标签  37 4.3  段落标签  39 4.3.2  段落标签

  39 4.3.2  换行标签
  40 4.4  文本格式化标签   42 4.4.1  粗体标签b、strong  42 4.4.2  斜体标签i、cite、em  43 4.4.3  上标标签sup  44 4.4.4  下标标签sub  44 4.4.5  大字号标签big和 小字号标签small  45 4.4.6  删除线标签s  46 4.4.7  下划线标签u  47 4.5  水平线标签  48 4.6  div标签   49 4.7  网页特殊符号   50 4.7.1  网页中的空格  50 4.7.2  特殊符号  52 4.8  自闭合标签   54 4.8.1  什么叫自闭合标签  54 4.8.2  常见的自闭合标签  55 4.9  块元素和行内元素   55 4.9.1  块元素  56 4.9.2  行内元素  58 4.10  本章总结   59 4.11  训练题   61 第5章  列表  62 5.1  HTML列表简介   63 5.1.1  网页中的列表  63 5.1.2  HTML列表简介  63 5.2  有序列表   64 5.2.1  有序列表简介  64 5.2.2  有序列表type属性  65 5.3  无序列表   67 5.3.1  无序列表简介  67 5.3.2  无序列表type属性  68 5.3.3  深入了解无序列表  69 【疑问】  71 5.4  定义列表   72 5.5  HTML中的大误区  74 5.6  本章总结  75 5.7  训练题  78 第６章  表格  79 6.1  表格简介  80 6.2  表格基本结构  81 【疑问】  82 6.3  表格完整结构  82 6.3.1  表格标题caption  83 6.3.2  表头th  84 6.4  表格语义化   86 6.5  合并行rowspan  89 6.6  合并列colspan  90 6.7  本章总结  92 6.8  训练题  94 第7章  图像  95 7.1  图像标签  96 7.1.1  img标签src属性  96 7.1.2  img标签alt属性  97 7.1.3  img标签title属性  97 7.2  相对路径和绝对路径  98 7.2.1  “网页1”引用海贼王 图片  99 7.2.2  “网页2”引用海贼王 图片  99 【疑问】   100 7.3  图片格式   101 7.3.1  位图  101 7.3.2  矢量图  103 7.3.3  位图与矢量图 区别  105 【疑问】  105 7.4  本章总结  106 第8章  超链接  108 8.1  超链接简介  109 8.2  a标签   109 8.2.1  a标签简介  109 8.2.2  a标签target属性  110 8.2.3  各种超链接  111 8.3  内部链接  112 8.4  锚点链接   114 8.5  本章总结   117 第9章  表单  118 9.1  表单简介  119 9.2  form标签  120 9.2.1  form标签简介  120 9.2.2  form标签属性  121 9.2.3  表单对象  126 9.3  input标签简介  126 9.4  单行文本框text  127 9.4.1  文本框text简介  127 9.4.2  文本框text属性  128 9.5  密码文本框password  129 9.5.1  密码文本框简介  129 9.5.2  密码文本框属性  131 9.6  单选按钮radio   132 9.6.1  单选按钮简介  132 9.6.2  单选按钮radio的忽 略点  133 【疑问】  135 9.7  复选框checkbox  135 9.8  表单按钮   137 9.8.1  普通按钮button  137 9.8.2  提交按钮submit  138 9.8.3  重置按钮reset  139 9.8.4  普通按钮、提交按钮 和重置按钮的区别  141 9.9  图片域image   142 【疑问】  143 9.10  隐藏域hidden   143 9.11  文件域file   145 9.12  多行文本框textarea  146 9.13  下拉列表select  148 9.13.1  select标签属性  149 9.13.2  option标签属性  151 【疑问】  153 9.14  input标签按钮与button 标签按钮   153 【疑问】  155 9.15  本章总结   155 【疑问】  157 9.16  训练题   158 0章  多媒体  159 10.1  网页中插入音频和视频  160 10.2  网页中插入背景音乐   162 10.3  网页中插入Flash   163 10.4  本章总结   164 1章  框架   165 11.1  浮动框架iframe   166 11.1.1  iframe简介  166 11.1.2  iframe滚动条  167 第二部分  CSS入门 2章  CSS基础   170 12.1  CSS是什么  171 12.1.1  CSS简介  171 12.1.2  CSS和CSS3  172 12.2  CSS入门简介  172 12.3  CSS的三种引用方式  173 12.3.1  外部样式表  173 12.3.2  内部样式表  174 12.3.3  内联样式表  175 3章  CSS选择器基础  177 13.1  元素的id和class   178 13.1.1  元素的id属性  178 13.1.2  元素的class属性  178 13.2  什么叫CSS选择器？  179 13.3  CSS选择器入门（上）   181 13.3.1  元素选择器  181 13.3.2  id选择器  183 13.3.3 class选择器  184 13.4  CSS选择器入门（下）  186 13.4.1  子元素选择器  186 13.4.2  相邻选择器  187 13.4.3  群组选择器  189 4章  字体样式  191 14.1  字体样式简介   192 14.2  字体类型font-family  193 14.3  字体大小font-size   195 14.4  字体颜色color   198 14.5  字体粗细font-weight  200 14.6  字体斜体font-style  202 14.7  CSS注释  204 14.8  本章总结   206 5章  文本样式  209 15.1  文本样式简介   210 15.2  下划线、删除线和顶划线 text-decoration  210 15.2.1  text-decoration 属性  210 15.2.2  下划线、删除线和顶 划线的用途分析  213 15.3  文本大小写 text-transform  214 15.4  font-variant属性   215 【疑问】  216 15.5  首行缩进text-indent  216 15.6  文本水平对齐text-align  218 15.7  行高line-height  219 15.8  字母间距letter-spacing和     词间距word-spacing  221 15.8.1  letter-spacing 属性  221 15.8.2  word-spacing 属性  222 15.9  文本样式总结  223 6章  边框样式  228 16.1  边框样式简介   229 16.2  整体边框样式   230 16.2.1  边框的属性  230 16.2.2  边框实例  233 16.2.3  border属性简洁 写法  233 16.3  局部边框样式   234 16.4  本章总结   237 7章  背景样式  240 17.1  背景样式简介  241 17.1.1  背景颜色  241 17.1.2  背景图像  241 17.2  背景颜色background- color  242 17.3  背景图像简介   244 17.3.1  background-image 属性  244 17.3.2  background-repeat 属性  244 17.3.3  background-position 属性  245 17.3.4  background-attachment 属性  246 17.4  背景图像样式background- image   246 17.5  背景重复样式background- repeat   248 17.6  背景图像位置background- position   250 17.6.1  background-position 取值为“像素值”  250 17.6.2  background-position 取值为“关键字”  252 17.7  背景固定样式background- attachment   253 17.8  本章总结  254 8章  超链接样式  256 18.1  超链接伪类   257 18.1.1  如何去除超链接下 划线  257 18.1.2  如何定义超链接伪类  258 18.1.3  深入了解超链接伪类  260 【疑问】  261 18.2  深入了解:hover伪类  262 18.3  鼠标样式   264 18.3.1  浏览器鼠标样式  264 18.3.2  自定义鼠标样式  266 18.4  本章总结  267 9章  图片样式  269 19.1  图片大小   270 19.2  图片边框border   271 19.3  图片水平对齐   272 19.4  图片垂直对齐   274 19.5  文字环绕效果float  278 19.5.1  float属性  278 19.5.2  定义图片与文字 间距  280 19.6  本章总结  282 第20章  列表样式   285 20.1  列表项符号list-style- type  286 20.1.1  HTML中定义列表 项符号  286 20.1.2  CSS中定义列表 项符号  287 20.2  自定义列表项符号 list-style-image  290 20.3  本章总结  291 第21章  表格样式  293 21.1  表格边框合并border- collapse  294 21.2  表格边框间距border- spacing  297 21.3  表格标题位置caption- side  299 21.4  本章总结  301 第22章  CSS盒子模型  303 22.1  CSS盒子模型  304 22.2  宽度width和高度 height  308 22.3  边框border  313 22.4  内边距padding  314 22.4.1  padding局部样式  314 22.4.2  padding简洁写法  315 22.5  外边距margin   317 22.5.1  margin局部样式  318 22.5.2  margin简洁样式  319 22.6  本章总结   321 第23章  浮动布局  323 23.1  HTML文档流  324 23.1.1  正常文档流动  324 23.1.2  脱离正常文     档流  325 23.2  浮动float   326 23.3  清除浮动clear  331 23.4  本章总结   334 第24章  定位布局  336 24.1  定位布局简介  337 24.2  固定定位fixed  337 24.3  相对定位relative  339 24.4  绝对定位absolute  342 24.5  CSS静态定位static  345 附录  HTML标签的语义  346 后记   352