| 词条 | 跟我学HTML+CSS |
| 释义 | 本词条主要介绍《跟我学HTML+CSS》这本书，包括基本信息，本书内容说明和版本信息，还有读者最关心的书本目录极其本书写作的背景。HTML+CSS是网络初学者必须学会的两种语言，其实也不难。通过这本书，大家可以轻松学习并实际运用。 基本信息* 知识全面 囊括了HTML的所有元素和相应属性 * 实例经典 用实例演示了各个元素，这些例子可以直接应用到项目中 * 图文并茂 对每个实例都给出执行效果，方便学习 * 案例提高 最后给出了一个商业案例，告诉读者如何综合应用各个技术 内容简介HTML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。随着Web 2.0概念的提出，要求网页具有更好的扩展性和用户体验，这使得CSS样式表在网页设计中变得越来越重要。为了能让广大的网页制作者快速地掌握网页制作的技巧和方法，本书的第一部分以语法和实例相结合的形式详细讲解了HTML语言中各个元素及其属性的作用、语法和显示效果。第二部分从CSS基本概念开始，分别讲解了CSS盒模型和定位属性，CSS控制各种元素显示的方法，CSS布局页面的技巧等知识。最后一部分为了增强读者的实战能力，以个人博客制作的形式详细为读者演示了使用HTML和CSS制作页面的过程。为了便于理解，本书对所讲解的每个元素和属性，都做了实例演示。 为了方便读者学习，本书光盘中提供了丰富的内容，包括全书的多媒体视频演示、全书的电子教案、900多页的电子资料以及书中讲解的源代码等内容。对于每章后面的习题，笔者都给了相应的解答，读者可以到http:// www.tupwk .com .cn/网站下载。 出版信息ISBN：9787302224181 定价：58元 印次：1-1 装帧：平装 印刷日期：2010-8-23 图书目录第1章 HTML的基本概念 1 1.1 什么是HTML 2 1.2 HTML的发展历史 2 1.3 一个简单的HTML示例 3 1.4 HTML与网页的关系 4 1.5 用什么来编写和开发HTML 5 1.5.1 标题栏 5 1.5.2 插入栏 5 1.5.3 文档工具栏 6 1.5.4 实例练习 6 1.6 本章习题 8 第2章 HTML的语法基础 9 2.1 HTML页面结构 10 2.2 元素和属性的写法 12 2.2.1 元素的书写格式 12 2.2.2 元素属性的书写格式 12 2.2.3 HTML的语法规范 14 2.3 文档类型 16 2.3.1 什么是文档类型 16 2.3.2 选择什么样的DOCTYPE 16 2.4 什么是名字空间 17 2.5 本章习题 18 第3章 页面基本元素 19 3.1 页面基础元素<html> 20 3.1.1 文本显示方向属性dir 20 3.1.2 指定语言属性lang 22 3.2 页面头部元素<head> 23 3.3 页面标题元素<title> 23 3.4 元信息元素<meta> 24 3.4.1 元信息元素名称属性name 25 3.4.2 元信息元素的值content 25 3.4.3 元信息元素的附加属性 http-equiv 26 3.4.4 设置页面关键字 26 3.4.5 设置页面主要内容 27 3.4.6 定义页面的搜索方式 27 3.4.7 定义页面的跳转 28 3.4.8 定义页面的作者信息 29 3.4.9 定义页面的版权信息 30 3.4.10 定义页面的刷新时间 30 3.5 基本设置元素<base> 31 3.6 创建样式元素<style> 32 3.6.1 类型属性type 33 3.6.2 类型属性media 34 3.7 链接元素<link> 35 3.7.1 指定链接路径属性href 36 3.7.2 链接的类型属性type 36 3.7.3 源文档与目标文档关系属性rel、rev 37 3.7.4 链接样式文件 38 3.7.5 制作收藏夹图标 39 3.8 脚本元素<script> 40 3.8.1 脚本的语言属性language 41 3.8.2 脚本的类型属性type 42 3.8.3 推迟执行属性defer 42 3.8.4 脚本的链接属性src 42 3.9 页面主体元素<body> 43 3.9.1 主体元素的背景属性bgcolor 45 3.9.2 主体元素的背景图片属性background 46 3.9.3 主体元素的背景图片滚动属性bgproperties 47 3.9.4 主体元素的文本属性text 49 3.9.5 IE浏览器中的左边界属性leftmargin 49 3.9.6 IE浏览器中的上边界属性topmargin 50 3.9.7 未访问过的链接属性link 51 3.9.8 已访问过的链接属性vlink 52 3.9.9 激活的链接属性alink 53 3.9.10 主体元素中使用样式属性style 54 3.9.11 主体元素中调用样式属性class 55 3.10 使用背景音乐 55 3.10.1 IE浏览器中添加背景音乐元素<bgsound> 56 3.10.2 背景音乐的路径属性src 56 3.10.3 背景音乐的重复属性loop 57 3.11 本章习题 57 第4章 文本和段落元素 59 4.1 层元素<div> 60 4.1.1 标记属性id 61 4.1.2 调用样式属性class 62 4.1.3 创建样式属性style 63 4.1.4 对齐属性align 64 4.1.5 取消自动换行属性nowrap 66 4.1.6 标题属性title 66 4.2 标题元素 67 4.3 段落元素<p> 69 4.4 文本的间隔和布局 70 4.4.1 换行元素<br> 70 4.4.2 缩进元素<blockquote> 72 4.4.3 保留格式元素<pre> 72 4.4.4 取消换行元素<nobr> 73 4.4.5 引用元素<q> 74 4.4.6 地址元素<address> 75 4.5 水平分隔线元素<hr> 76 4.5.1 高度属性size 77 4.5.2 样式属性noshade 78 4.5.3 宽度属性width 79 4.5.4 对齐属性align 79 4.5.5 颜色属性color 80 4.6 基于物理样式的文本元素 81 4.6.1 加粗元素<b> 81 4.6.2 放大元素<big> 81 4.6.3 缩小元素<small> 82 4.6.4 斜体显示元素<i> 83 4.6.5 下标元素<sub> 83 4.6.6 上标元素<sup> 85 4.7 基于内容的文本元素 85 4.7.1 强调元素<em> 86 4.7.2 加粗的强调元素<strong> 86 4.7.3 提取元素<samp> 87 4.7.4 首字母缩写元素<acronym> 87 4.7.5 变量显示元素<var> 87 4.7.6 文献参考元素<cite> 88 4.8 本章习题 89 第5章 列表元素 91 5.1 无序列表元素<ul> 92 5.2 有序列表元素<ol> 95 5.2.1 项目符号的类型属性type 96 5.2.2 有序列表的起始值属性start 97 5.3 列表条目元素<li> 99 5.3.1 项目符号的类型属性type 99 5.3.2 条目编号属性value 100 5.4 定义列表元素<dl> 101 5.4.1 定义列表术语元素<dt> 102 5.4.2 定义列表条目说明元素<dd> 103 5.5 本章习题 104 第6章 图像元素 105 6.1 图像元素<img> 106 6.1.1 图像元素的路径属性src 107 6.1.2 代替图片的文本属性alt 108 6.1.3 图像元素的宽度属性width 109 6.1.4 图像元素的高度属性height 110 6.1.5 图像元素的边框属性border 111 6.1.6 代替图片的长文本属性longdesc 112 6.1.7 上下边距属性vspace 112 6.1.8 图像元素的左右边距属性hspace 113 6.1.9 图像元素的对齐属性align 113 6.1.10 图像服务器端映射属性ismap 115 6.1.11 图像服务器端映射属性usemap 116 6.2 图像的格式 116 6.2.1 JPEG格式 116 6.2.2 GIF格式 117 6.2.3 PNG格式 118 6.3 本章习题 118 第7章 表格元素 121 7.1 表格元素的结构 122 7.1.1 表格<table> 122 7.1.2 行<tr> 124 7.1.3 单元格<td> 125 7.2 <table>元素的属性 126 7.2.1 边框属性border 126 7.2.2 水平对齐属性align 127 7.2.3 高度属性height 128 7.2.4 宽度属性width 129 7.2.5 边框颜色属性bordercolor 129 7.2.6 边框暗边线属性bordercolordark 130 7.2.7 边框亮边线属性bordercolorlight 131 7.2.8 背景颜色属性bgcolor 132 7.2.9 背景图片属性background 133 7.2.10 单元格间距属性cellspacing 133 7.2.11 单元格补白属性cellspadding 135 7.2.12 表格单元格边框属性rules 136 7.2.13 表格边框属性frame 136 7.3 <tr>元素的属性 138 7.3.1 水平对齐属性align 138 7.3.2 垂直对齐属性valign 139 7.3.3 背景颜色属性bgcolor 140 7.3.4 边框颜色属性bordercolor 141 7.3.5 边框暗边线属性bordercolordark 142 7.3.6 边框亮边线属性bordercolorlight 142 7.4 <td>元素的属性 143 7.4.1 宽度属性width 143 7.4.2 高度属性height 145 7.4.3 背景颜色属性bgcolor 146 7.4.4 背景图片属性background 147 7.4.5 水平对齐属性align 148 7.4.6 垂直对齐属性valign 149 7.4.7 边框属性bordercolor 150 7.4.8 合并列属性colspan 151 7.4.9 合并行属性rowspan 152 7.4.10 同行显示属性nowrap 153 7.5 表格中使用的其他元素 155 7.5.1 表格标题元素<caption> 155 7.5.2 表格头部元素<th> 156 7.5.3 表格头行元素<thead> 158 7.5.4 表主体元素<tbody> 159 7.5.5 表格行尾元素<tfoot> 160 7.6 本章习题 161 第8章 链接元素 165 8.1 链接和路径 166 8.1.1 超链接的概念 166 8.1.2 路径url 167 8.1.3 HTTP路径 168 8.1.4 FTP路径 169 8.1.5 邮件路径 169 8.2 链接元素<a> 170 8.2.1 指定路径属性href 172 8.2.2 显示链接目标属性target 173 8.2.3 激活顺序属性tabindex 174 8.2.4 链接的热键属性accesskey 175 8.3 图像链接 176 8.3.1 创建链接区域元素<map> 176 8.3.2 链接区域的名称属性name 176 8.3.3 定义鼠标敏感区元素<area> 177 8.3.4 链接的路径属性href、nohref 178 8.3.5 链接的文本说明属性alt 179 8.3.6 鼠标敏感区坐标属性coords 179 8.3.7 鼠标敏感区形状属性shape 181 8.3.8 使用图片中的链接 181 8.4 本章习题 182 第9章 表单元素 183 9.1 表单元素<form> 184 9.1.1 动作属性action 184 9.1.2 发送数据方式属性method 185 9.1.3 名称属性name 187 9.2 表单控件<input> 187 9.2.1 文本域text 187 9.2.2 密码区域password 188 9.2.3 提交按钮submit 189 9.2.4 复位按钮reset 190 9.2.5 图像按钮image 191 9.2.6 单击按钮button 192 9.2.7 复选框checkbox 192 9.2.8 单选按钮radio 193 9.2.9 隐藏区域hidden 194 9.3 <input>元素的属性 195 9.3.1 只读属性readonly 195 9.3.2 不可用属性disabled 196 9.4 选择列表条目元素<option> 197 9.5 按钮元素<button> 198 9.6 选择列表元素<select> 199 9.6.1 高度属性size 200 9.6.2 多项选择属性multiple 201 9.7 文本区域元素<textarea> 202 9.7.1 宽度属性cols 202 9.7.2 高度属性rows 202 9.8 表单标记元素<label> 203 9.8.1 定义目标属性for 203 9.8.2 定义热键属性accesskey 204 9.9 本章习题 205 第10章 框架元素 209 10.1 框架集元素<frameset> 210 10.1.1 行属性rows 211 10.1.2 列属性cols 212 10.1.3 边框属性frameborder 214 10.1.4 边框宽度属性framespacing 215 10.1.5 边框宽度属性border 216 10.1.6 颜色属性bordercolor 217 10.2 框架内容元素<frame> 218 10.2.1 内容的路径属性src 218 10.2.2 滚条属性scrolling 219 10.2.3 固定尺寸属性noresize 220 10.2.4 内容的显示位置属性marginheight、marginwidth 221 10.2.5 边框属性frameborder 223 10.3 不支持框架元素<noframes> 224 10.4 内联框架元素<iframe> 224 10.5 框架元素中的链接 225 10.6 本章习题 227 第11章 CSS的概念 231 11.1 什么是CSS 232 11.2 CSS与网页显示效果的关系 233 11.3 使用CSS的方法 235 11.3.1 元素中直接添加样式 235 11.3.2 从页面头部<style>元素中调用 236 11.3.3 采用链接的形式调用 237 11.4 本章习题 238 第12章 CSS的语法 241 12.1 选择符 242 12.1.1 id选择符 242 12.1.2 类选择符 243 12.1.3 类型选择符 244 12.1.4 伪类 245 12.1.5 子选择符 246 12.1.6 选择符分组 248 12.1.7 选择符的优先级 248 12.2 属性 250 12.3 值 251 12.3.1 颜色值 252 12.3.2 长度值 253 12.3.3 百分比值 253 12.4 继承值 254 12.5 默认值 255 12.6 块元素和内联元素 257 12.6.1 块元素 257 12.6.2 内联元素 258 12.7 应用样式的优先级 259 12.8 本章习题 262 第13章 CSS控制文本的显示 263 13.1 控制字体的显示 264 13.1.1 字体选择属性font-family 264 13.1.2 字体颜色属性color 265 13.1.3 字体大小属性font-size 266 13.1.4 字体样式属性font-style 269 13.1.5 字体加粗属性font-weight 270 13.1.6 字体修饰属性text-decoration 271 13.1.7 字体下划线位置属性text-underline-position 273 13.1.8 小型大写字母属性font-variant 274 13.1.9 转换大小写属性text-transform 276 13.1.10 字母间隔属性letter-spacing 277 13.1.11 单词间隔属性word-spacing 278 13.1.12 行高属性line-height 279 13.1.13 字体综合属性font 281 13.2 控制文本的显示 282 13.2.1 文本缩进属性text-indent 282 13.2.2 文本空白属性white-space 283 13.2.3 文本溢出属性text-overflow 285 13.2.4 水平对齐属性text-align 287 13.2.5 垂直对齐属性vertical-align 288 13.2.6 文本流向属性layout-flow 291 13.2.7 文本方向属性direction 292 13.2.8 文本排序属性unicode-bidi 293 13.2.9 单词换行属性word-break 295 13.2.10 文本断开换行属性word-wrap 296 13.3 本章习题 298 第14章 CSS控制列表元素的显示 301 14.1 控制列表元素的显示 302 14.1.1 列表符号属性ist-style-type 302 14.1.2 列表符号的混用 304 14.1.3 列表图像list-style-image 305 14.1.4 列表图像的显示位置 307 14.1.5 标记位置属性list-style-position 308 14.1.6 标记位置属性与列表高度 309 14.1.7 列表综合属性list-style 310 14.2 列表元素的使用和嵌套 311 14.2.1 列表元素的默认属性值 311 14.2.2 统一列表元素的边界和补白 312 14.3 本章习题 313 第15章 CSS控制表格元素的显示 315 15.1 控制表格元素的显示 316 15.1.1 边框合并属性boder-collapse 316 15.1.2 表格边框间距属性border-spacing 317 15.1.3 表格标题位置属性caption-side 319 15.1.4 表格布局属性table-layout 321 15.2 单元格的制约关系 323 15.2.1 确定单行或列的宽度或高度 323 15.2.2 确定多行或列的宽度或高度 325 15.2.3 单元格与嵌套的<div>元素 327 15.3 本章习题 328 第16章 CSS控制元素的大小 331 16.1 盒模型的概念 332 16.2 元素内容的大小 332 16.2.1 宽度属性width 333 16.2.2 高度属性height 334 16.2.3 内容与宽度、高度属性的关系 334 16.3 元素的背景 335 16.3.1 背景颜色属性background-color 336 16.3.2 背景图片属性background-image 337 16.3.3 背景图片的重复属性background-repeat 337 16.3.4 背景图片位置属性background-position 339 16.3.5 背景图片滚动属性background-attachment 340 16.3.6 同时使用背景颜色和背景图片属性 341 16.3.7 背景的综合属性background 342 16.4 元素的补白 343 16.4.1 顶部补白属性padding-top 344 16.4.2 右侧补白属性padding-right 344 16.4.3 底部补白属性padding-bottom 345 16.4.4 左侧补白属性padding-left 346 16.4.5 综合补白属性padding 347 16.4.6 补白与背景 348 16.5 元素的边框 349 16.5.1 顶部边框样式属性border-top-style 349 16.5.2 右侧边框样式属性border-right-style 351 16.5.3 底部边框样式属性border-bottom-style 352 16.5.4 左侧边框样式属性border-left-style 354 16.5.5 顶部边框颜色属性border-top-color 355 16.5.6 右侧边框颜色属性border-right-color 356 16.5.7 底部边框颜色属性border-bottom-color 357 16.5.8 左侧边框颜色属性border-left-color 358 16.5.9 顶部边框宽度属性border-top-width 359 16.5.10 右侧边框宽度属性border-right-width 360 16.5.11 底部边框宽度属性border-bottom-width 361 16.5.12 左侧边框宽度属性border-left-width 362 16.5.13 边框样式属性border-style 363 16.5.14 边框颜色属性border-color 364 16.5.15 边框宽度属性border-width 365 16.5.16 边框顶部综合属性border-top 366 16.5.17 边框右侧综合属性border-right 367 16.5.18 边框底部综合属性order-bottom 368 16.5.19 边框左侧综合属性border-left 368 16.5.20 边框综合属性border 368 16.6 元素的边界 369 16.6.1 顶部边界属性margin-top 369 16.6.2 右侧边界属性margin-right 370 16.6.3 底部边界属性margin-bottom 372 16.6.4 左侧边界属性margin-left 373 16.6.5 边界综合属性margin 374 16.6.6 边界与背景 375 16.7 嵌套元素的大小和距离 376 16.7.1 父元素和子元素 376 16.7.2 子元素中使用边界属性，父元素未定义大小 377 16.7.3 子元素中使用边界属性，父元素中使用补白属性 378 16.8 本章习题 379 第17章 CSS控制元素的定位 381 17.1 元素的定位 382 17.1.1 元素的定位属性position 382 17.1.2 上边偏移属性top 383 17.1.3 右边偏移属性right 384 17.1.4 下边偏移属性bottom 385 17.1.5 左边偏移属性left 386 17.2 绝对定位 387 17.2.1 绝对定位与父元素 388 17.2.2 绝对定位与相邻元素 389 17.3 相对定位 390 17.3.1 相对定位元素位置的确定 390 17.3.2 相对定位与相邻元素 391 17.4 定位元素的重叠 393 17.5 本章习题 394 第18章 CSS控制元素的布局 397 18.1 元素的浮动 398 18.1.1 元素的浮动属性float 398 18.1.2 浮动元素和固定元素 399 18.1.3 两个浮动元素的显示效果 400 18.1.4 多个浮动元素的显示顺序 401 18.2 浮动的清除 403 18.2.1 清除浮动属性clear 403 18.2.2 清除浮动与固定元素 404 18.3 内容的剪切 405 18.3.1 内容的剪切属性clip 405 18.3.2 剪切属性与内容 407 18.4 溢出内容的控制 408 18.4.1 溢出属性overflow 409 18.4.2 横向溢出属性overflow-x 410 18.4.3 纵向溢出属性overflow-y 411 18.4.4 滚条和边框 412 18.5 元素的显示方式 413 18.5.1 显示方式属性display 413 18.5.2 内联块属性值的异常显示 415 18.5.3 隐藏属性值none 416 18.6 元素的可视性 418 18.6.1 可视属性visibility 418 18.6.2 可视性属性与显示方式属性的关系 419 18.7 本章习题 421 第19章 CSS控制其他元素的显示 423 19.1 控制滚条的显示 424 19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color 424 19.1.2 滚条亮边框颜色属性scrollbar-highlight-color 425 19.1.3 滚条滑块颜色属性scrollbar-face-color 426 19.1.4 滚条箭头颜色属性scrollbar-arrow-color 428 19.1.5 滚条阴影颜色属性scrollbar-shadow-color 429 19.1.6 滚条暗部阴影属性scrollbar-darkshadow-color 430 19.1.7 滚条拖动区颜色属性scrollbar-track-color 431 19.1.8 滚条基准色属性scrollbar-base-color 432 19.1.9 定义滚条的颜色 433 19.2 控制光标的显示 434 19.3 控制元素的缩放 437 19.4 控制链接的显示 438 19.4.1 定义链接未访问的显示效果 438 19.4.2 定义链接鼠标悬停的显示效果 439 19.4.3 定义链接激活的显示效果 440 19.4.4 定义链接访问后显示效果 441 19.4.5 定义链接效果的顺序 442 19.5 本章习题 444 第20章 制作个人博客页面 447 20.1 制作页面前的准备工作 448 20.1.1 规划页面的内容 448 20.1.2 切分效果图 449 20.2 规划站点文件夹 449 20.3 定义基本的样式 450 20.3.1 新建CSS文件 450 20.3.2 定义页面的基础样式 450 20.4 制作页面头部 451 20.4.1 制作页面头部的结构 451 20.4.2 定义页面头部的样式 451 20.5 制作页面导航 453 20.5.1 制作页面导航的结构 453 20.5.2 定义页面导航的样式 454 20.6 制作页面主体 456 20.6.1 制作页面主体的结构 456 20.6.2 定义页面主内容的样式 456 20.7 制作日志 457 20.7.1 制作日志内容的结构 458 20.7.2 定义日志内容的样式 458 20.8 制作侧栏 459 20.8.1 制作侧栏的结构 459 20.8.2 定义侧栏的通用样式 461 20.9 制作页面底部内容 462 20.9.1 制作页面底部的结构 463 20.9.2 定义页面底部的样式 463 创作背景本书分为3篇，共20章，从HTML使用的基本内容和概念讲起，循序渐进地讲解了HTML和CSS的相关知识、各种元素和属性的使用方法以及各种技巧等。其中每个部分的主要内容如下所示。 第一篇(第1章~第10章)HTML的相关概念。 详细讲述了HTML的各种概念和相关内容。首先介绍了HTML的基础知识，接着详细讲解了HTML的页面基本元素、文本和段落元素、列表元素、图像元素、表格元素、超链接元素、表单元素、框架元素等知识。 第二篇(第11章~第19章)CSS的相关概念。 首先讲述了CSS布局中的各种概念和相关内容。其中包括CSS的概念、结构和表现分离的原理和优点、XHTML的基础知识、CSS的基本语法和使用方式等。接着讲述了CSS盒模型和块元素的定位。包括CSS中盒模型的构成，块元素与内联元素的分类，以及使用各种属性控制块元素的位置和显示方式等。最后讲述了CSS控制元素显示效果和布局页面的方法。 第三篇(第20章)实战篇。 讲解了实际开发中，使用HTML和CSS代码的技巧。其中包括实际站点的建立、站点结构的规划、页面实例每个部分的制作过程等几个内容。通过本章的学习，可以最终运用可视化的开发软件，结合本书中讲解的各种知识，完整地掌握页面制作的方法。 |
| 随便看 |
百科全书收录4421916条中文百科知识，基本涵盖了大多数领域的百科知识，是一部内容开放、自由的电子版百科全书。