Web编程入门经典:HTML、XHTML和CSS(第2版) [平装]

编辑推荐《Web编程入门经典:HTML、XHTML和CSS(第2版)》是由清华大学出版社出版的。作者简介作者:(美国)达科特(J

Web编程入门经典:HTML、XHTML和CSS(第2版) [平装]

编辑推荐

《Web编程入门经典:HTML、XHTML和CSS(第2版)》是由清华大学出版社出版的。

作者简介

作者:(美国)达科特(Jon Duckett) 译者:杜静 敖富江

达科特(Jon Duckett)在1996年于伦敦Brunel大学攻读心理学学士学位时发布了他的第一个网站。从此,他帮助多个公司创建了各种类型的网站,并且与其他人共同编写了十多本与编程相关的书籍,内容涉及从ASP到XML等多种技术,覆盖了Web编程的各个方面,例如设计、体系结构和代码编写等。

目录

第1章 创建结构化文档
1.1 结构化文档组成的Web
1.2 XHTML简介
1.3 核心元素和属性
1.3.1 元素
1.3.2 元素
1.3.3 元素<br>1.3.4 <body>元素<br>1.4 属性组<br>1.4.1 核心属性<br>1.4.2 国际化属性<br>1.4.3 UI事件<br>1.5 基本文本格式<br>1.5.1 空格和流<br>1.5.2 使用hn元素创建题头<br>1.5.3 使用<p>元素创建段落<br>1.5.4 使用<br/>元素创建换行<br>1.5.5 使用<pre>元素创建预先格式化的文本<br>1.6 表现元素<br>1.6.1 <b>元素<br>1.6.2 <i>元素<br>1.6.3 <u>元素(逐渐淘汰)<br>1.6.4 <s>元素和<strike>元素(逐渐淘汰)<br>1.6.5 <tc>元素<br>1.6.6 元素<br>1.6.7 元素<br>1.6.8 <big>元素<br>1.6.9 <small>元素<br>1.6.10 <hr/>元素<br>1.7 短语元素<br>1.7.1 <em>元素添加强调<br>1.7.2 <strong>元素添加着重强调<br>1.7.3 用于缩写词的元素<br>1.7.4 用于首字母缩写词的元素<br>1.7.5 用于特殊术语的<dfn>元素<br>1.7.6 用于引用文本的<blockquote>元素<br>1.7.7 用于短引用的<q>元素<br>1.7.8 用于引证的<cite>元素<br>1.7.9 用于代码的<code>元素<br>1.7.10 用于通过键盘输入的文本的<kbd>元素<br>1.7.11 用于编程变量的<var>元素<br>1.7.12 用于程序输出的<samp>元素<br>1.7.13 用于地址的元素<br>1.8 列表<br>1.8.1 利用元素创建无序列表<br>1.8.2 有序列表<br>1.8.3 定义列表<br>1.8.4 列表的嵌套<br>1.9 编辑文本<br>1.9.1 使用<ins>元素指示新添加的文本<br>1.9.2 使用<del>元素指示删除的文本<br>1.10 利用字符实体表示特殊字符<br>1.11 注释<br>1.12 元素(逐渐淘汰)<br>1.13 理解块级元素和内联元素<br>1.14 利用<div>元素和元素分组元素<br>1.15 本章小结<br>1.16 练习<br><br>第2章 链接和导航<br>2.1 基本链接<br>2.1.1 链接到其他文档<br>2.1.2 链接到e-mail地址<br>2.2 理解目录和目录结构<br>2.2.1 链接的目标位置<br>2.2.2 URL的组成<br>2.2.3 绝对URL和相对URL<br>2.2.4 <base>元素<br>2.3 利用元素创建链接<br>2.3.1 利用href属性创建源锚点<br>2.3.2 利用name和id属性创建目的地锚点(链接到页面的特定部分)<br>2.3.3 元素的其他属性<br>2.4 高级e-mail链接<br>2.5 本章小结<br>2.6 练习<br><br>第3章 图像和对象<br>3.1 在站点中添加图像<br>3.1.1 图像格式的类型<br>3.1.2 位图图像<br>3.1.3 矢量图像<br>3.1.4 使用<img>元素添加图像<br>3.2 利用<object>元素添加其他对象<br>3.2.1 <obiect>元素的属性<br>3.2.2 <param>元素<br>3.2.3 在页面中添加Flash电影<br>3.3 使用图像作为链接<br>3.4 图像映射<br>3.4.1 服务器端图像映射<br>3.4.2 客户端图像映射<br>3.5 本章小结<br>3.6 练习<br><br>第4章 表<br>4.1 表简介<br>4.2 基本表元素和属性<br>4.2.1 创建表的元素<br>4.2.2 包含表行的元素<br>4.2.3 表示表单元格的元素和<th>元素<br>4.3 高级表<br>4.3.1 将表划分为表头、表主体和表尾<br>4.3.2 在表中添加<caption><br>4.3.3 使用colspan属性跨越多列<br>4.3.4 使用rowspan属性跨越多行<br>4.3.5 使用<colgroup>元素分组列<br>4.3.6 利用<col>元素让列共享样式<br>4.4 表的可访问性问题<br>4.4.1 表的线性化<br>4.4.2 用于布局的表线性化<br>4.4.3 用于数据的表线性化<br>4.5 本章小结<br>4.6 练习<br><br>第5章 表单<br>5.1 表单简介<br>5.2 利用<forill>元素创建表单<br>5.2.1 action属性<br>5.2.2 method属性<br>5.2.3 id属性<br>5.2.4 name属性(逐渐淘汰)<br>5.2.5 onsubmit属性<br>5.2.6 onreset属性<br>5.2.7 enctype属性<br>5.2.8 accept-charset属性<br>5.2.9 accept属性<br>5.2.10 target属性<br>5.2.11 空白和<form>元素<br>5.3 表单控件<br>5.3.1 文本输入<br>5.3.2 按钮<br>5.3.3 复选框<br>5.3.4 单选按钮<br>5.3.5 选项框<br>5.3.6 文件选项框<br>5.3.7 隐藏控件<br>5.3.8 对象控件<br>5.4 利用<label>元素为控件创建标签<br>5.5 利用<fieldset>元素和<legend>元素结构化表单<br>5.6 焦点<br>5.6.1 焦点移动顺序<br>5.6.2 访问键<br>5.7 禁用的或只读的控件<br>5.8 向服务器发送表单数据<br>5.8.1 HTTPget<br>5.8 2HTTPpost<br>5.9 本章小结<br>5.10 练习<br><br>第6章 框架<br>6.1 框架集简介<br>6.2 使用框架的时机<br>6.3 <frameset>元素<br>6.3.1 cols属性<br>6.3.2 rows属性<br>6.3.3 针对<frameset>元素的浏览器专用扩展<br>6.4 <frame>元素<br>6.4.1 src属性<br>6.4.2 name属性<br>6.4.3 frameborder属性<br>6.4.4 marginwidth属性和marginheight属性<br>6.4.5 noresize属性<br>6.4.6 scrolling属性<br>6.4.7 longdesc属性<br>6.5 <noframes>元素<br>6.6 创建框架之间的链接<br>6.7 框架集的嵌套<br>6.8 利用<iframe>元素创建浮动框架或内联框架<br>6.9 本章小结<br>6.10 练习<br><br>第7章 层叠样式表<br>7.1 CSS简介<br>7.1.1 一个基本的示例<br>7.1.2 继承<br>7.2 添加CSS规则的位置<br>7.2.1 <link>元素<br>7.2.2 <style>元素<br>7.2.3 外部CSS样式表的优点<br>7.3 CSS特性<br>7.4 控制字体<br>7.4.1 font-family特性<br>7.4.2 font-size特性<br>7.4.3 font-weight特性<br>7.4.4 font-style特性<br>7.4.5 font-variant特性<br>7.4.6 font-stretch特性<br>7.4.7 font-size.adiust特性<br>7.5 文本格式化<br>7.5.1 color特性<br>7.5.2 text-align特性<br>7.5.3 vertical-align特性<br>7.5.4 text-decoration特性<br>7.5.5 text-indent特性<br>7.5.6 text-shadow特性<br>7.5.7 text-transform特性<br>7.5.8 letter-spacing特性<br>7.5.9 word-spacing特性<br>7.5.10 white-space特性<br>7.5.11 direction特性<br>7.5.12 unicode-bidi特性<br>7.6 文本伪类<br>7.6.1 first-letter伪类<br>7.6.2 first-line伪类<br>7.7 选择器<br>7.7.1 通用选择器<br>7.7.2 类型选择器<br>7.7.3 类选择器<br>7.7.4 id选择器<br>7.7.5 子选择器<br>7.7.6 后继选择器<br>7.7.7 相邻兄弟选择器<br>7.7.8 利用子选择器和相邻兄弟选择器降低标记中类的相关性<br>7.7.9 属性选择器<br>7.8 长度<br>7.8.1 绝对单位<br>7.8.2 相对单位<br>7.8.3 百分比<br>7.9 框模型简介<br>7.9.1 演示框模型的示例<br>7.9.2 Border特性<br>7.9.3 padding特性<br>7.9.4 margin特性<br>7.9.5 面积<br>7.10 本章小结<br>7.11 练习<br><br>第8章 更多层叠样式表<br>8.1 链接<br>8.2 背景<br>8.2.1 background-color特性<br>8.2.2 background-image特性<br>8.2.3 background-repeat特性<br>8.2.4 background-position特性(用于固定背景的位置)<br>8.2.5 background-attachment特性(用于水印)<br>8.2.6 background特性(获得良好支持的简写形式)<br>8.3 列表<br>8.3.1 list-style-type特性<br>8.3.2 list-style-position特性<br>8.3.3 list-style-image特性<br>8.3.4 list-style特性(简写形式)<br>8.3.5 marker-offset特性<br>8.4 表<br>8.4.1 表的特性<br>8.4.2 border-collapse特性<br>8.4.3 border-spacing特性<br>8.4.4 caption.side特性<br>8.4.5 empty-cells特性<br>8.4.6 table-layout特性<br>8.5 外边框<br>8.5.1 outline-width特性<br>8.5.2 outline-style特性<br>8.5.3 outline-color特性<br>8.5.4 outline特性(简写形式)<br>8.6 :focus伪类和:active伪类<br>8.7 生成的内容<br>8.7.1 :before和:after伪元素<br>8.7.2 content特性<br>8.8 其他特性<br>8.8.1 cursor特性<br>8.8.2 display特性<br>8.8.3 visibility特性<br>8.9 额外的规则<br>8.9.1 @import规则:模块化的样式表<br>8.9.2 @charset规则<br>8.9.3 1important规则<br>8.10 CSS的定位功能<br>8.10.1 普通流<br>8.10.2 position特性<br>8.10.3 框偏移特性<br>8.10.4 相对定位<br>8.10.5 绝对定位<br>……<br>第9章 页面布局<br>第10章 设计问题<br>第11章 学习JavaScript<br>第12章 应用JavaScript<br>第13章 在Web上发布站点<br>附录 </p> <h3>序言</h3> <p align=left> 目前关于设计和构建Web页面的书籍很多,因此首先感谢您选择阅读本书。本书与其他书籍的不同点是什么呢?Web概念已经出现了十多年,在这期间引入了大量用于创建Web页面的技术,其中一些技术目前还在使用,而其他技术已经消失。许多介绍如何编写Web页面的书籍是相同书籍早期版本的修订,因此仍然采用与以前版本相同的介绍方法。而本书的目的是介绍如何为当今以及将来的Web创建页面。因此,读者阅读完本书之后,仍可将其作为一本有用的参考书放在身边,在需要时随时翻阅。<br>曾经有一段时间,编写Web页面的程序员仅需要掌握一种编程语言,即HTML语言。但是随着Web技术的发展,为了创建有效并吸引人的Web页面,程序员需要学习更多的技术,需要掌握多种不同语言,主要包括:<br>·HTML和XHTML:HTML和XHTML用于解释Web页面的结构。它们用于指明哪些文本作为题头,段落的起始位置和结束位置在何处,哪些图像应当出现在文档中,以及指定不同页面之间的链接。不应当将。HTML和XHTML看作是两种独立的语言。相反,可以将XHTML看作是与HTML的最新版本非常相似的语言。<br>·CSS:CSS用于控制文档的外观。例如,可以使用CSS指定字型应该是较大的、粗体的Arial字型,或者指定页面的背景应该是亮绿色。另外,还可以使用CSS控制不同项在页面上的位置。例如,利用CSS将文本放置在同一个页面的两列中。<br>·JavaScript:利用JavaScript可以在创建的Web页面上添加交互性,并且可以操作显示Web页面的浏览器。<br>尽管事实上需要掌握多种语言(而不只是HTML),但是可以将HTML看作熟悉Web的好机会,因为HTML中用于创建Web页面的许多技术拥有成熟的、有利的方法;或者将其看作“最佳实践”,因为可以利用它创建完整的Web站点。本书简介<br>本书将介绍如何利用HTML和XHTML控制Web页面的结构,如何利用CSS赋予Web页面样式,如何利用JavaScfipt添加交互性。但是,只是学习最新的技术并不能确保编写出优秀的Web页面。由于用于编写Web页面的技术不断改进,因此浏览器(用于访问Web的程序和设备)也在改进。浏览器反映——并且有时甚至是通知——用于创建Web页面的语言的发展方向。问题在于并不是每个人都在其计算机上安装了最新软件,因此人们不仅希望编写出的Web页面能够充分利用浏览器的最新功能,而且希望确保Web页面能够在当今仍然流行的较老浏览器上正确显示。 </p> <h3>文摘</h3> <p align=left> 插图:<br><br><img src=/uploadfile/2013/1217/20131217052503172.jpg><br>工作原理<br>您已经多次遇到这段代码中的大部分内容。但是,这段代码主要关注于<img/>元素,每一个<img/>元素添加一幅新图像。在这个示例中存在3个<img/>元素。<br><imgsrc="images/apple.jpg"alt="Phot00fredapple"width=="130"height="130"/><br>其中src属性指示图像的URL。这个示例中的URL都是相对于images目录的URL,images目录包含在与示例页面相同的目录中。在第2章中提到,组织文件结构非常重要——在这里可以了解这种重要性的原因(可以清晰地表明图像应当位于站点结构中)。<br>编写的每一个<img/>元素中都应当使用alt属性。如果浏览器无法加载图像,则将显示该属性的内容,并且如果访问者视力受损,该属性值也能告诉他们图像的内容。<br>width属性和height属性用于告诉浏览器图像的显示大小。通过包含这些属性,浏览器能够更快地布局页面,因为它能够在不等待图像下载完成的情况下显示页面中的其他项。虽然可以使用这两个属性放大或缩小图像,但最好让图像具有希望使用的尺寸。如果让图像更小,应该保存它的一个新版本,而不只是使用这两个属性,这样能够节省访问者的时间和带宽。<br>3.2 利用<object>元素添加其他对象<br>W3C在。HTML4中引入了<object>元素,目的是利用它在文档中嵌入所有类型的媒体,除了图像之外,还包括MP3文件、Flash电影、QuickTime电影、JavaScfipt对象、Java小程序等。W3C甚至希望最终可以利用<object>元素在文档中包含图像。<br>虽然我们习惯于浏览器支持GIF、JPEG图像甚至最近出现的:PNG图像,但并不习惯于其支持MP3声音文件、Flash电影、QuickTime电影或者Java应用程序。当然,对于后面的几种媒体,通常可以使用<object>元素在页面中包含其他一些类型的软件,以便播放或加载相应的媒体文件。例如:<br>·利用Flash播放器播放:Flash电影;<br>·利用Windows MediaPlayer播放Windows媒体文件;<br>·可以在多种播放器中播放MP3,包括。Flash播放器、windows Media播放器、<br>Quick TimePlayer。<br>因此,当需要在Web页面中嵌入声音、视频或Java/JavaScript应用程序时,不仅需要具有相应的文件,而且需要选择一种应用程序嵌入到页面中,用于播放/运行该文件。<br>在页面中包含正确的工具是一项复杂的操作,因为并不是所有的计算机都安装希望使用的应用程序。另外,每一种播放器都具有很多不同的版本。在编写本书时,在Web页面中嵌入移动图形和视频的最常用方式是使用Flash(Flash用于服务站点中的大多数视频和音频文件,例如YouTube站点和MySpace站点)。但是,虽然Flash通常被认为已经在世界上超过95%的计算机上安装,但Flash播放器仅在最新的版本中才支持播放音频和视频。 </p><p style="font-weight:bold;color:#ff0000;text-align:center"> 喜欢Web编程入门经典:HTML、XHTML和CSS(第2版) [平装]请与您的朋友分享,由于版权原因,读书人网不提供图书下载服务 </p></div> <div class="article-footer"> <div class="article-pager"> </div> <div class="article-ranking"> <div class="ranking-title">阅读人气排行</div> <div class="ranking-list"><ul class="hot-list-ul"> <li><span class="rank-num top-rank">1</span><a href="/book/20201109/2997657.html" target="_blank" title="加强党的思想政治建设实践新维度:&quot;两学一做&quot;学习教育十讲">加强党的思想政治建设实践新维度:"两学一</a></li> <li><span class="rank-num top-rank">2</span><a href="/book/20201109/2997671.html" target="_blank" title="历史.八年级 第一学期(试用本)(附光盘)">历史.八年级 第一学期(试用本)(附光盘)</a></li> <li><span class="rank-num">3</span><a href="/book/20201109/2997670.html" target="_blank" title="生活中的逻辑学+技术哲学讲演录+外国文学的朝圣之旅+九十思问">生活中的逻辑学+技术哲学讲演录+外国文学</a></li> <li><span class="rank-num">4</span><a href="/book/20201109/2997656.html" target="_blank" title="组织处理工作图解">组织处理工作图解</a></li> <li><span class="rank-num">5</span><a href="/book/20171007/2893383.html" target="_blank" title="汽车电路分析 (汽车系列)">汽车电路分析 (汽车系列)</a></li> <li><span class="rank-num">6</span><a href="/book/20170928/2890953.html" target="_blank" title="那些男人教会我的事">那些男人教会我的事</a></li> <li><span class="rank-num">7</span><a href="/book/20170816/2879913.html" target="_blank" title="紫禁城(2016年第5期·总第256期)">紫禁城(2016年第5期·总第256期)</a></li> <li><span class="rank-num">8</span><a href="/book/20170709/2865685.html" target="_blank" title="Summary of How We Got to Now: By Steven Johnson">Summary of How We Got to Now: By Steve</a></li> <li><span class="rank-num">9</span><a href="/book/20170420/2825120.html" target="_blank" title="邦臣小红花·幼儿经典故事(第2辑):渔夫和金鱼">邦臣小红花·幼儿经典故事(第2辑):渔夫和</a></li> <li><span class="rank-num">10</span><a href="/book/20140510/2326022.html" target="_blank" title="岁月的童话:伴你成长的6部日本动漫">岁月的童话:伴你成长的6部日本动漫</a></li> </ul></div> </div> </div> </div> </div> <aside class="right-sidebar"> </aside> </div> </div> </main> <footer class="site-footer"><div class="container"><div class="footer-links"><a href="/data/page/1.html">关于我们</a> - <a href="/data/page/2.html">联系方式</a> - <a href="/sitemap.html">网站地图</a> - <a href="/data/page/3.html">版权声明</a> - <a href="/data/friendsite/">友情链接</a> - <a href="#top">返回顶部</a></div><p>读书人 (Reader8.net) . <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025459685号-1</a></p></div></footer><div style="display:none"><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script></div></body></html>