内容提要
本书共9章，将从HTML的基本知识开始，力图深人浅出地向读者介绍什么是HTML，以及如何运用HTML来设计网页。主要内容包括：HTML基础知识、创建一个HTML文件、文档格式化、使用图像和背景、表格布局、框架布局、使用表单收集数据、样式表和HTML高级主题。本书每章末皆有小结和习题，可以帮助读者能较快地掌握各章的知识。书中的文字叙述通俗易懂、切入主题、并配有程序代码，能够让读者迅速地掌握HTML网页设计的方法。
本书不仅可作为高等院校计算机专业教材，还适合作为广大网页设计人员和爱好者的参考资料。
目录
第1章 HTML基础知识
1.1 HTML简介
1.1.1 HTML的发展历史
1.1.2 HTML的未来发展
1.2 查看和编辑HTML
1.2.1 HTML编辑器
1.2.2 Web浏览器
1.3 HTML基本术语
1.3.1 HTML标记
1.3.2 HTML元素
1.3.3 HTML属性
1.4 HTML数据类型
1.4.1 长度值
1.4.2 颜色值
1.4.3 URI地址规范
本章小结
习题1
第2章 创建一个HTML文件
2.1 使用记事本新建一个HTML文件
2.2 HTML的组织规范
2.3 HTML基本标记
2.3.1 结构标记
2.3.2 头标记
2.3.3 文档标题标记
<br> 2.3.4 内容标记<body><br> 2.3.5 注释标记<br> 2.3.6 综合示例<br> 本章小结<br> 习题2<br>第3章 文档格式化<br> 3.1 文字格式化<br> 3.1.1 添加标准文字<br> 3.1.2 改变文字属性<br> 3.1.3 格式化文字<br> 3.1.4 特殊字符<br> 3.2 超链接和锚站<br> 3.2.1 什么是链接<br> 3.2.2 锚站元素<br> 3.2.3 Email链接<br> 3.3 段落格式化<br> 3.3.1 段落标记<br> 3.3.2 预格式化段落标记<br> 3.3.3 标题和对齐<br> 3.3.4 换行与空行<br> 3.3.5 使用水平线<br> 3.4 使用列表<br> 3.4.1 有序列表<br> 3.4.2 无序列表<br> 3.4.3 定义列表<br> 本章小结<br> 习题3<br>第4章 使用图像和背景<br> 4.1 常见网络图像格式<br> 4.1.1 GIF图像<br> 4.1.2 JPEG图像<br> 4.1.3 PNG图像<br> 4.2 使用图像<br> 4.2.1 在Web页中添加图像<br> 4.2.2 设定图片高度和宽度<br> 4.2.3 设置图片位置<br> 4.2.4 设置图片周围空白大小<br> 4.2.5 设置边框<br> 4.2.6 创建图片链接<br> 4.2.7 创建缩略图<br> 4.2.8 设置背景图片<br> 4.3 创建图像地图<br> 4.3.1 创建客户端的图像地图<br> 4.3.2 创建服务器端的图像地图<br> 4.3.3 实际应用中的例子<br> 本章小结<br> 习题4<br>第5章 表格布局<br> 5.1 创建表格<br> 5.1.1 基本表格标记<br> 5.1.2 设置表格行<br> 5.1.3 设置表格列<br> 5.2 设置表格格式<br> 5.2.1 调整表格尺寸和对齐方式<br> 5.2.2 设置表格背景颜色<br> 5.2.3 在表格中插入图片<br> 5.2.4 调整单元格大小<br> 5.2.5 设置单元格内容的对齐方式<br> 5.2.6 设置单元格间距和边距<br> 5.2.7 扩展行和列<br> 5.3 高级表格标记<br> 5.3.1 添加标题<br> 5.3.2 行编组<br> 5.3.3 列编组<br> 5.3.4 表格边框设置<br> 本章小结<br> 习题5<br>第6章 框架布局<br> 6.1 框架的概念<br> 6.2 创建含有框架的HTML文档<br> 6.2.1 简单框架示例<br> 6.2.2 基本框架标记<br> 6.2.3 框架集嵌套<br> 6.2.4 框架目标<br> 6.3 框架格式化<br> 6.3.1 边框设置<br> 6.3.2 页白设置<br> 6.3.3 大小设置<br> 6.3.4 滚动设置<br> 6.4 浮动框架<br> 本章小结 <br> 习题6<br>第7章 使用表单收集数据<br> 7.1 表单初步<br> 7.2 表单元素<br> 7.2.1 <form>标记<br> 7.2.2 <input>标记<br> 7.2.3 文本域<br> 7.2.4 密码域<br> 7.2.5 单选按钮<br> 7.2.6 复选框<br> 7.2.7 下拉菜单<br> 7.2.8 多行文本框<br> 7.2.9 文件<br> 7.2.10 提交和重置按钮<br> 7.2.11 图像按钮<br> 7.2.12 隐藏域<br> 7.2.13 button值和button标记<br> 7.2.14 标签标记<br> 7.2.15 表单区域fieldset和legend<br> 7.3 表单标记访问控制<br> 7.3.1 控制Tab键的次序<br> 7.3.2 快捷键<br> 7.3.3 disable属性和readonly属性<br> 7.3.4 工具提示与表单域<br> 7.4 处理表单<br> 7.4.1 method属性:get和post<br> 7.4.2 action属性<br> 7.4.3 enctype属性<br> 7.5 设计方法<br> 本章小结<br> 习题7<br>第8章 样式表<br> 8.1 样式表简介<br> 8.1.1 早期HTML版本的缺陷<br> 8.1.2 样式表概念<br> 8.2 使用样式表<br> 8.2.1 内部样式表<br> 8.2.2 外部样式表<br> 8.3 样式表创建规则<br> 8.3.1 id规则<br> 8.3.2 class规则<br> 8.3.3 伪类和伪元素<br> 8.3.4 继承性<br> 8.3.5 情景选择<br> 8.4 层叠样式表<br> 8.5 样式表属性<br> 8.5.1 文本<br> 8.5.2 颜色和背景属性<br> 8.5.3 字体<br> 8.5.4 容器模型<br> 8.5.5 列表<br> 8.5.6 混合属性<br> 8.6 外部和内联样式表示例<br> 8.6.1 外部样式表<br> 8.6.2 内联样式表<br> 本章小结<br> 习题8<br>第9章 HTML高级主题<br> 9.1 使用多媒体<br> 9.1.1 Web中的多媒体<br> 9.1.2 添加活动的GIF<br> 9.1.3 添加音频<br> 9.1.4 添加视频<br> 9.1.5 添加Flash动画<br> 9.1.6 <object>标记<br> 9.2 使用JavaScript脚本<br> 9.2.1 JavaScript使用目的<br> 9.2.2 在HTML中包含JavaScript<br> 9.2.3 JavaScript语言概览<br> 9.2.4 常用JavaScript<br> 9.3 区域组件布局<br> 9.3.1 <div>标记的使用<br> 9.3.2 <span>标记的使用<br> 9.3.3 <layer>标记的使用<br> 9.3.4 三种区域组件的差异<br> 9.3.5 区域标记位置设定<br> 9.3.6 区域立体空间建立<br> 9.4 XML初步<br> 9.4.1 XML概述<br> 9.4.2 XML基础<br> 9.4.3 XHTML：用XML改写HTML<br> 本章小结<br> 习题9<br>参考文献</div> </dd>
</dl>
<div id="toollinks"><a href="http://www.chinahtml.com/e/pl?classid=160&id=202">网友评论</a><a href="http://www.chinahtml.com/e/member/fava/add?classid=160&id=202">加入收藏</a><a href="http://www.chinahtml.com/e/doprint?classid=160&id=202">打印本文</a><a href="javascript:window.close()">关闭此页</a><a href="http://www.chinahtml.com/e/downsys/report?classid=160&id=202">勘误建议</a><a href="http://bbs.chinahtml.com">论坛讨论</a></div>
</div>
<div id="otherentry">
<div id="prv"> 上一篇：<a href='http://book.chinahtml.com/html/2007/1188036449201.shtml'>HTML代码效果对比学习（附光盘一张）</a> </div>
<div id="next"> 下一篇：<a href='http://book.chinahtml.com/html/2007/1188036450203.shtml'>XML程序设计</a> </div>
</div>
</div>
<div id="comments">
<h2>图书评论</h2>
<p><span>共有 <strong><script src="http://www.chinahtml.com/e/public/ViewClick?classid=160&id=202&down=2" type="text/javascript"></script></strong> 位CH网友发表了评论 <a href="http://www.chinahtml.com/e/pl?classid=160&id=202" title="评论列表">查看完整内容</a></span>
<button name="postcomment" class="btn1" type="submit" onclick="var frm = document.getElementById('addform');frm.style.display=((frm.style.display=='block')?('none'):('block'));">我要说两句</button>
</p>
<div id="addform" style="display:none">
<div id="postcomment">
<form action="http://www.chinahtml.com/e/enews/index.php" method="post" id="saypl">
<p>
<input type="text" name="username" id="author" title="请填写笔名，只能包含汉字、字母、数字和下划线!" value="CH网友" size="22" maxlength="20" tabindex="1" />
<label for="author">昵称 (必填)</label>
</p>
<p>
<input type="text" name="key" id="checkcode" title="请填写右边的验证码" value="" size="10" tabindex="3" />
<img src="http://www.chinahtml.com/e/ShowKey?ecms" alt="验证码" />
验证码 (必填)
<input name="nomember" type="hidden" id="nomember" checked="checked" value="1" /></p>
<p>
<input name="id" type="hidden" id="id" value="202">
<input name="classid" type="hidden" id="classid" value="160">
<input name="enews" type="hidden" id="enews" value="AddPl">
<input name="repid" type="hidden" id="repid" value="0">
<textarea name="saytext" id="saytext" title="不能为空!" tabindex="4"></textarea>
</p>
<p>
<input name="submit" type="submit" id="submit" tabindex="5" value="发表评论" />
</p>
</form>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<script type="text/javascript" src="http://www.chinahtml.com/e/pl/more/?classid=160&id=202&num=10&sub=60"></script>
</div>
</div>
<div id="rail">
<div class="rightad" style="height:120px;"><a href="http://book.chinahtml.com"><img src="http://img.chinahtml.com/images/300/book.jpg" alt="站长资讯图书信息" /></a></div>
<div id="browse_cat">
<h2>图书分类</h2>
<ul>
<li><a href=http://book.chinahtml.com/html>HTML/XML</a></li><li><a href=http://book.chinahtml.com/css>CSS</a></li><li><a href=http://book.chinahtml.com/asp>ASP</a></li><li><a href=http://book.chinahtml.com/dotnet>.NET</a></li><li><a href=http://book.chinahtml.com/php>PHP</a></li><li><a href=http://book.chinahtml.com/JSP>JSP</a></li><li><a href=http://book.chinahtml.com/javascript>JavaScript</a></li><li><a href=http://book.chinahtml.com/dreamweaver>Dreamweaver</a></li><li><a href=http://book.chinahtml.com/photoshop>Photoshop</a></li><li><a href=http://book.chinahtml.com/fireworks>Fireworks</a></li><li><a href=http://book.chinahtml.com/flash>Flash</a></li><li><a href=http://book.chinahtml.com/webdesign>网站制作</a></li><li><a href=http://book.chinahtml.com/graphicdesign>平面设计</a></li><li><a href=http://book.chinahtml.com/server>服务器类</a></li><li><a href=http://book.chinahtml.com/database>数据库类</a></li><li><a href=http://book.chinahtml.com/linux>Linux类</a></li><li><a href=http://book.chinahtml.com/other>其他图书</a></li> <div class="clear"></div>
</ul>
</div>
<div id="searchbox">
<form action="http://www.chinahtml.com/e/search/index.php" method="post">
<fieldset>
<ul>
<li>
<label><a href="http://www.chinahtml.com/search">搜索:</a></label>
</li>
<li>
<input name="keyboard" type="text" size="13" maxlength="255" />
<input name="classid" type="hidden" value="159">
</li>
<li>
<select name="show">
<option value="title" selected>书名</option>
<option value="writer">作者</option>
<option value="publisher">出版社</option>
<option value="description">简介</option>
<option value="title,writer,publisher,description,newstext">搜索全部</option>
</select>
</li>
<li>
<input type="image" value="Search" src="http://img.chinahtml.com/images/btn-search.gif" class="image" />
</li>
</ul>
</fieldset>
</form>
</div>
<div class="rightinfo">
<h3>阅读提示</h3>
<ul>
<li>图书信息来自当当网，本站不负责出售所列图书！</li>
<li>购买请直接到当当网，享受最新优惠价格。</li>
<li>购书后的售后服务请直接联系<a href="http://www.dangdang.com/league/leagueref.asp?from=P-2364531&backurl=http://www.dangdang.com/default.asp">当当网</a>。</li>
<li><a href="http://www.dangdang.com/league/leagueref.asp?from=P-2364531&backurl=http://www.dangdang.com/book.asp ">当当网，全球最大的中文网上商城</a></li>
</ul>
</div>
<div class="rightad" style="height:60px;"><img src="http://img.chinahtml.com/images/book.gif" alt="" /></div>
<div id="rightbox">
<script type="text/javascript"><!--
google_ad_client = "pub-5858461870977086";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "105CB6";
google_color_text = "333333";
google_color_url = "999999";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div>
<div id="footer">
<div id="footerinfo">
<div id="footercontent"><a href="http://www.chinahtml.com/siteinfo/aboutus.shtml">关于站点</a> - <a href="http://www.chinahtml.com/siteinfo/advertisement.shtml">广告服务</a> - <a href="http://www.chinahtml.com/siteinfo/contact.shtml">联系我们</a> - <a href="http://www.chinahtml.com/siteinfo/copyright.shtml">版权隐私</a> - <a href="http://www.chinahtml.com/siteinfo/promise.shtml">免责声明</a> - <a href="http://www.chinahtml.com/siteinfo/link.shtml">成员列表</a> - <a href="http://www.phome.net" rel="external">程序支持</a> - <a href="http://www.chinahtml.com/siteinfo/sitemap.shtml">网站地图</a> - <a href="http://www.chinahtml.com/submit/feedback.php">意见反馈</a> - <a href="#top">返回顶部</a></div>
<div id="footercopyrights">站长资讯力倡站长文化，崇尚互联共享，欢迎转载我们的原创作品，转载请注明出处。套用本站设计风格者请保留作者的链接。<br />
<span>Copyright © 2005-2008 www.chinahtml.com online services. All rights reserved. Template designed by <a href="http://www.laogui.com">laogui</a>. </span><br />
<a href="http://net.china.cn/chinese/index.htm">违法不良信息举报中心</a> <a href="http://cyberpolice.hangzhou.com.cn/">网络110报警服务</a> <a href="http://www.miibeian.gov.cn">粤ICP备06003119号</a> <br />本站由<a href="http://www.cndns.com" rel="external">美橙互联</a>、<a href="http://www.elinkhost.com/" rel="external">易联主机</a>提供网络带宽<span style="display:block;overflow: hidden;width: 0;height: 0;"><script type="text/javascript" src="http://js.tongji.yahoo.com.cn/0/30/27/ystat.js"></script></span>
</div>
</div>
</div>
<script src='http://www.chinahtml.com/e/public/onclick?enews=donews&classid=160&id=202'></script>
</body>
</html>
