Wooldridge 创建 HTML 网页 Are you new to computers? Does new technology make you nervous? Relax! You’re holding in your hands the easiest guide ever to creating Web pages — a book that skips the long-winded explanations and shows you how things work. All you have to do is open the book and discover just how easy it is to get up to speed. • Learn to create a page using basic HTML • Add text, photos, logos, and clickable buttons • Build links into your pages • Control layout by using style sheets • Create forms so your visitors can contact you • Include multimedia and publish your pages • “Simplify It” sidebars offer real-world advice • Succinct explanations walk you through step by step • Full-color screen shots demonstrate each task • Self-contained, two-page lessons make learning a snap Internet/Web Page Design $24.99 USA • $29.99 CAN • £16.99 UK www.wiley.com/go/visual Creating Web Pages Full Color! Look Inside! C re a tin g W e b P a g e s spine = 0.58" HTML 目 录 1 Internet 基础 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4 HTML 介绍 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 探索 Web 浏览器 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .8 探索 HTML 编辑器. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 理解 HTML 句法 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 查看 HTML 代码 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 2 理解 HTML 文档结构 . . . . . . . . . . . . . . . . . . . . . . . . . . . .16 开始写 HTML 文档 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 保存 HTML 文档 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Word 文档另存为 HTML. . . . . . . . . . . . . . . . . . . . . . . . . . .24 查看 HTML 页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 添加文档声明 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28 添加元数据.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30 A C C A I I I A I C C C C I S F M I A C C C A S A 熟悉网页 创建您的第一个网页 创建新段落 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .34 更改段落对齐方式 . . . . . . . . . . . . . . . . . . . . . . . . . . . .35 添加换行符 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .36 插入空白符 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37 插入预设的文本 . . . . . . . . . . . . . . . . . . . . . . . . . . .38 插入标题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39 添加块引用 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40 插入注释 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41 创建编号列表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44 创建嵌套的列表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46 创建定义列表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47 插入特殊字符 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48 特殊字符 .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49 4 斜体文本 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...53 使文本加粗. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52 为文字加下划线 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54 更改字体 .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 更改字体大小. . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . .56 更改字体颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 调整页边距 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60 设置页面的背景色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61 添加横线 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 3 添加文本 格式化文本 创建无序列表 5 了解页面图像. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66 插入图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68 指定图像大小 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .70 添加替代文本 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 创建图像标签 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 水平对齐图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74 垂直对齐图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75 居中图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 停止文本环绕 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77 在图像周围添加空白 . . . . . . . . . . . . . . . . . . . . . . . . . . . .78 添加背景图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79 6 了解链接 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .82 了解 URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83 链接到另一页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84 使用链接打开一个新窗口 . . . . . . . . . . . . . . . . . . . . . . . . . .86 链接到同一页上的一个区域 . . . . . . . . . . . . . . . . . . . . . . . .88 链接到另一个文件类型 . . . . . . . . . . . . . . . . . . . . . . . . . . .90 链接到一个电子邮件地址 . . . . . . . . . . . . . . . . . . . . . . . . . .92 更改链接的颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94 W U A A A A A A I C A C E C C U T C S A A A A A A A 添加图像 添加链接 目 录 了解表的结构 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98 添加表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .100 指定表格边框 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102 调整单元格的边距和间距. . . . . . . . . . . . . . . . . . . . . . . . . .104 调整单元格的宽度和高度. . . . . . . . . . . . . . . . . . . . . . . . . .106 添加列标签. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .108 向单元格添加背景色 . . . . . . . . . . . . . . . . . . . . . . . . . . .109 插入背景图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110 创建报纸样式分栏. . . . . . . . . . . . . . . . . . . . . . . . . . . . .111 调整表的大小. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112 更改单元格对齐方式 . . . . . . . . . . . . . . . . . . . . . . . . . . .114 单元格跨列和行的扩展 . . . . . . . . . . . . . . . . . . . . . . . . . .116 更改表对齐方式 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .118 了解窗体 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122 窗体元素的类型. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .124 创建窗体. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .126 送窗体数据到电子邮件地址. . . . . . . . . . . . . . . . . . . . . . . . .127 添加文本框. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128 添加大文本区. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130 添加复选框. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132 添加单选按钮 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .134 添加菜单 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .136 添加提交按钮. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .138 添加复位按钮. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139 7 8 使用表 创建窗体 9 了解样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .142 创建内部样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .144 创建外部样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .146 链接到一个样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . .148 局部地应用样式 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149 应用样式类 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .150 用 DIV 和 SPAN 标记应用样式 . . . . . . . . . . . . . . . . . . . . . ...152 152 10 使文本加粗 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156 斜体文本 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .157 缩进文本 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158 更改字体大小. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159 更改字体. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160 更改字体大小写 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .162 更改文本的对齐方式 . . . . . . . . . . . . . . . . . . . . . . . . . . .163 控制行间距 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .164 控制字间距. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .165 向文本添加颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .166 向文本添加背景色 . . . . . . . . . . . . . . . . . . . . . . . . . . . .167 向文本添加背景图像. . . . . . . . . . . . . . . . . . . . . . . . . . . .168 添加边框 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .170 更改链接的颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .172 更改链接的悬停效果. . . . . . . . . . . . . . . . . . . . . . . . . . . .174 C C S U U U S A W C C C A U L E E E A 创建样式表 用样式表格式化文本 目 录 控制布局 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178 设置元素的宽度和高度 . . . . . . . . . . . . . . . . . . . . . . . . . .180 使用相对定位. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182 使用绝对定位. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184 使用固定定位 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .186 设置边距 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .188 添加填充 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .189 使文字环绕元素. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190 更改垂直对齐方式 . . . . . . . . . . . . . . . . . . . . . . . . . . . .191 控制元素重叠 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192 定制背景图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194 了解多媒体元素 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198 链接到音频或视频文件 . . . . . . . . . . . . . . . . . . . . . . . . . .200 嵌入视频文件 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .202 嵌入音频文件 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .204 嵌入 Flash 影片 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206 添加 Java 小程序 . . . . . . . . . . . . . . . . . . . . . . . . . . . .207 11 12 用样式表控制布局 添加多媒体和其它功能 发布您的网页 了解网页发布 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210 查找域名 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212 用 WS_FTP 传送网页到 Web 服务器 . . . . . . . . . . . . . . . . . . . . .214 调试网页. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218 13 了解 Google 网站 . . . . . . . . . . . . . . . . . . . . . . . . . . . .222 Google 网站页面 . . . . . . . . . . . . . . . . . . . . . . . . . . . .223 创建 Google 帐户 . . . . . . . . . . . . . . . . . . . . . . . . . . . .224 设置 Google 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . .226 创建网页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .228 编辑网页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .230 创建链接 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .232 插入图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234 管理导航 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236 分享您的站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238 14 C U A S C E C A M C U S V A U A S 发布您的网页 创建Google站点 目 录 ChapterChapter 111 熟悉Web网页 你是否有兴趣建立您自己的网页？本章介绍了互联网， 它是网页存储和访问的地 方；还介绍了用于创建网页的HTML语言，以及HTML编辑器和Web浏览器的基础知识。 使用Web浏览器中，可在Web上查看的任何页面的HTML,并将HTML保存到您的计算机。 这可以作为起点来创建您的网页。 后面章节介绍如何编写HTML来 创建您的网页，以及如何使用在 线服务等内容。 4 互联网是全球范围内相互连接的计算机网络的集合， 使企业、 组织、 政府和个人能够以多种方式进行 通信。互联网用户沟通的最常用方法之一是通过发 布和交互网页。 您可以使用HTML创建Web网页或使用各种网上服务 设置网页。您还可以使用互联网来发送和接收电子邮 件、与其他用户聊天并在计算机之间传输文件。 六十年代后期，互联网是作为一个军事项目开始研究 的。2008年，在全球范围内的互联网用户的数量达到 16亿。 Internet 连接速度对用户的互联网的体验非常重要，因为速度较慢的连 接会导致较慢的文件传输和网页查看。拨号连接提供的速度最高 达 56k比特/每秒，DSL 通常会提供达3兆比特每秒(Mbps)， 而电缆调制解调器连接可到达 30 Mbps 的速度。 对一个网页，如果通过拨号下载需时约 20 秒，而采取电缆调 制解调器下载则需时小于 1 秒。 用户通过各种方法连接到互联网。 相对较便宜但缓慢的连接方式是拨号服务，这包括使用调制解 调器和电话线。更快的连接方式包括DSL（数字用户线)、电缆、 调制解调器、卫星、光纤接入。 网络包括特殊无线发射器，它 允许计算机以无线方式接入互联网。帮助您连接到互联网的公司 被称为互联网服务提供商（ISP）。 互联网基础设施依赖于各种协议--指定计算机和网络如何彼此交谈。 例如，传输控制协议/网际协议，或 TCP/IP，它们是一套，用于 控制 Internet 信息如何在计算机之间进行流动。超文本传输协议或 HTTP (·)，是一套规则，以确定浏览器应如何请求Web页，以及服务 器如何传递Web页。 商定协议允许不同类型的、连接到 Internet 的计算机之间的无缝通信。 连接类型 连接速度 通讯 5 Getting Familiar with Web Pages CHAPTER 1 n s er WWW 万维网是在全球范围内的计算机上存储的文档 或网页的巨型集合。万维网通常称为 Web，任 何人可通过任何一台计算机与互联网连接，得 到Web网页上大量的文本、图像、音频和视频。 Web 页存储在服务器上，它是连接到Internet 上的计算机，其运行的软件使它们能够为其它 计算机提供服务。 您可以将文本文件、图像或其它文件放在服务 器上的特殊 Web 目录中，供其它 Web 用户查 看该信息。 如何将信息传输到 Web 服务器见第13章。 URLs and Links 每个页面在 Web 上有一个唯一的地址，称为 URL，统一资 源定位器。一个 URL 看起来像这样： http://www.example.com/index.html 如果您知道某页的URL，你可以在 Web浏览器中键入它，在 互联网上查看该网页。您还可查看网页的超链接（或链接）， 它们是Web页中可以点击的文字或图像。 每个Web页上的链接是关联的URL，将其连接到另一页、媒体 文件或在互联网上的其他资源。用户通过单击链接，可从一 个Web页跳转到另一页。第六章讨论了使用HTML创建链接。 Web 浏览器是一种软件，它允许您查看Web页和与Web页进行交互。当您键入URL，或单击Web浏览器中的链 接时，浏览器从 Internet 上的服务器中检索相应的页，并显示该页面。微软IE浏览器，火狐和苹果的 Safari 是当今的三个最受欢迎的浏览器。每个程序通过多个版本的进化，以支持更多新的Web功能。 当您使用HTML代码生成网页时，请记住：不同浏览器显示网页可能会稍有不同，因为版本的不同和浏览器 的不同。 浏览器 6 您可以使用HTML生成Web页，HTML是超文本标记语 言。 HTML文档由文本内容和特殊标记组成，标记告诉 Web浏览器如何显示内容。HTML文档由.html或.htm文 件扩展名来标识。 您可以通过在文本编辑器中打开文档，编辑HTML 文档中的代码。 大多数情况下，HTML是平台独立的，这意味着您 可以上任何计算机操作系统(包括Windows、 Mac和 Linux)上查看Web页。 HTML是由文本和一些称为标记的指令组成的。标记由括号< > 括起来，它告诉浏览器如何组织和显示文本、图像和其它Web页 的内容。 使用开始标记和结束标记包围着出现在页面的内容编写许多标 签。 当编写 HTML 标记，您可以使用大写或小写字母。若要使编码 容易区别于页中的文本，可以用大写形式键入标记名称。 有关详细信息，请参阅节"了解 HTML 语法"。 当浏览器显示Web页时，它从服务器中检索该 网页的HTML文件，解析HTML标记以确定如何对 内容应进行格式化，并呈现页。 HTML标记告诉浏览器，怎样的图片、视频、 音频和其它内容需要下载和集成到该页面。 HTML 亦可能会告诉浏览器要下载样式表和 交互式脚本，以进一步增强页面。 若要查看Web页后面的 HTML，请参阅节"在 浏览器中查看 HTML 代码"。 HTML 介绍 Tag, 标签或标记 呈现 HTML 7 Getting Familiar with Web Pages CHAPTER 1 万维网联盟或 W3C，是指导 HTML 语言演变的 主要组织。W3C 由数百家公司和组织组成，包括 微软、苹果和谷歌等网站行业领袖。 由 W3C 制定的标准给 Web 服务器和浏览器的 开发人员一套共同的指导方针，以开发他们的产 品。 您可以访问 W3C 的 Web 站点www.w3.org XHTML HTML 或可扩展超文本标记语言，是更严格的XML 的替代语言，用于编写 Web 页。 XHTML 是基于标记的语言，它的标记与 HTML 的 大多数标记是相同的。然而XHTML必须关闭所有的 标记，标记名称和属性必须是小写字母，标记的 属性值必须用引号引括起来。 大多数现代的浏览器可以读取 HTML 和 XHTML。 尽管 XHTML 不包括在这本中，你可以在 W3C 网站www.w3.org 上， 阅读更多有关它 的内容。 W3C正在开发HTML的下一个版本 -- HTML5， 引入的新功能可以帮助 Web 设计师更轻松地创 建和维护动态页面。 HTML5 将包含标记用于定义页眉、页脚和导 航部分，以及添加交互式元素，例如可编辑和 可排序的表标记。 HTML Versions 最新版本的 HTML 是 4.01。它包括使用超过 90不同的 HTML 标记，本书涵盖了其中的大多 数标记。 最新版本通过添加对多媒体、脚本、样式表 的更好支持，它改进了以前的版本。 支持样式表是尤其重要的，因为它使开发人员 能够对Web页进行更精确的格式化。 它还允许开发人员能够将复杂的样式信息与 HTML 的其余部 分分开。 在9~11 的章节 介绍了样式表。 HTML 的下一个版本 HTML 标准 HTML 最新版本是 HTML 4.01。 版本 4.01 包括使用超过 90 不同的 HTML 标签， 其中大部分被涵盖在本书中。 通过添加更好的多媒体支持、脚本、样式表， 它改进了在以前的版本。 HTML 版本 8 E H Be do pr Al so us Web 浏览器是软件，它可以从网站检索 HTML 文档、 解析 HTML 指令，并显示所生成的 Web 页面。 除了检索 HTML，浏览器还可以下载所 有相关联的图像、样式表、脚本和其它信息。 还可以使用浏览器显示您的计算机本地保存的 HTML 文档。 当编码 HTML 时，您可以使用 Web 浏览器来测 试您的工作。 大多数计算机操作系统已经安装了Web浏览器。 微软Windows的计算机包含 Internet Explorer 浏览器（本书中的示例使用 IE 浏览器）， 而苹果 Mac 计算机包括 Safari 浏览器。 Mozilla Firefox 是近年来越来越受欢迎的 另一个 Web 浏览器。 可以学习更多关于 Firefox 的内容，并在 www.mozilla.com/firefox 免费下载它。 Web 浏览器的详细信息请参阅 http://wikipedia.org/wiki/Web_browser。 每个当今使用的 Web 浏览器有众多的版本。 虽然大部分浏览器本质上是以相同的方式解释 HTML 语言，解释中的微小差异导致浏览器的网 页显示不完全相同。 此外，一些较新的浏览器版本可以识别新的 HTML 功能，而旧的浏览器不能。 通过编写清洁、格式正确的 HTML 代码，并 在不同浏览器中测试您的网页，可以避免意外 情况发生。 维基百科为 Web 浏览器功能提供了详细的比 较，见 http://wikipedia.org/wiki/Comparison_of _web_browsers。 Web 浏览器 找到一个浏览器 浏览器的不一致性 9 CHAPTER 1 因为 HTML 文档是纯文本的文档，您可以使用任何 文本编辑程序编辑 HTML 和创建一个 Web 页。 所有计算机操作系统都带有某种已安装好的文本编 辑器。 您还可以使用各种特定的于 Web 编码平台编写 HTML 代码，验证它，并将其上载到 Web 服务器。 高端编辑工具可帮助您编写样式表、脚本和其 他类型的代码以补充 HTML 。 . 简单的文本编辑器，也称为纯文本编辑器，很容易找到。 微软 Windows 带有记事本，而苹果计算机也带有预置的文本 编辑器。 简单的文本编辑器提供廉价的文字处理，并往往是最好的选 择，当你正在学习编写 HTML的时候。 本书在示例中使用 Windows 写字板和记事本的文本编辑器。 HTML 编辑器，如 Adobe Dreamweaver 和微软的 Expression，它们是编 写 HTML 代码和管理 Web 页的专用程序。 这些程序通过提供图形和文本环境构建 Web 页，可以帮助您编写 HTML 代码。 大多数 HTML 编辑器还为HTML 标记添加了颜色，以便于查看、验证您的 代码，并帮助您将完成的网页上载到服务器。 您还可以使用字处理程序（如 Microsoft Word）来编写 HTML。 在 Word 中，您可以为该文件类型选择HTML，当您保存文档时， 程序将自动添加适当的 HTML 标记。 然而，商业字处理器往往在您的 HTML中储存大量额外的信息， 这使得其它编辑器编辑该文件会变得困难。 HTML 编辑器 简单的文本编辑器 HTML 编辑器 字处理程序 在HTML中，标记确定了页面内容是如何组织和 你可以用 和 标记包括文本，以使文本加粗；用 和 标记，将文本变成斜体。 确定结构的 H 10 HTML 是用于描述 Web 页内容的语言。HTML 语 法，规定了 HTML 代码是如何编写的，以及 Web 浏览器如何解释它。 HTML 语法不正确可能会导致文字、图像和其它 信息会显示在意想不到的地方，或根本不显示Web 页面上的元素。 它还可能导致您的网页在不同的 Web 浏览器中 显示结果不同。 学习正确的方式来编写您的代码可以节省您的 时间，避免后来的混乱，并确保 Web 用户看到您 的网页，与您希望他们能够看到的那样。 在HTML中，标记确定了页面内容是如何组织和 格式化的。标记包含由< >尖括号括的单词或缩 写。下面的HTML代码在您的页中创建一个段落：

Hello, world!

可以使用大写或小写字母来编写标记。以下都 是换行符标记：


您可以用大写形式键入标记名称来区分代码 和其他文本。大写标记名是本书中使用的惯例。 因为 Web 浏览器把标记解释为指令，而不是 页面内容，所以方括号内的信息不会呈现在浏 览器的窗口中。 确定结构的标记识别 HTML 文档中的不同的部 分。例如， 和 标记包围的主体内容 出现在浏览器窗口中。 和 标记包括 附加的信息 -- 引用样式表和元数据，不会直接出现 在浏览器窗口中。 和 分别出现在文档的开始和末尾。 许多标记，例如段落标记

和

，表示开始 标记和结束标记，而有些标记，如图像标记 ， 可以没有结束标记而独立存在。 HTML 包含各种各样格式化文本的标记。 你可以用 和 标记包括文本，以使文本加粗； 您可以用标题标记创建单独的一行粗体文本。 有六种大小的标题标记，

标题是最大的标题标记， 第3、4章介绍了文本格式标记。 用 和 标记，将文本变成斜体。

标题是最小的。 理解 HTML 句法 标签或标记 标记的结构 文本格式化 11 Getting Familiar with Web Pages CHAPTER 1 es Web 页的核心功能是允许您从一个页面导航到另一个的超链接。 ，或锚标记，允许您将文本或其它页面元素定义为可点击的超链接（请参阅第 6 章）。 您可以使用表标记，按行和列组织页面内容，表标记包括 、、

等（请参阅第 7 章）。 每个 HTML 标记都有特定的属性，您可以指定其值。 大多数属性的设置是指定一个数值或描述性的值。 例如，您可以使用对齐属性和对齐类型，设置一个段落的对齐方式： 左、 右、 居中或两端对齐。 下面代码是居中一段文字： < P 对齐 ="中心"> 我居中的文本。 有些 HTML 标记的属性是必需的，否则无法正常工作。属性总是在开始标记的里面进行设置， 将属性值括在引号中是好的书写形式。 标记需要 SRC 属性，以便浏览器可以在页面上插入正确的图像文件： < IMG SRC="myphoto.jpg"> 使用特殊代码--实体，可以给页面添加特殊字符， 例如，版权符号。实体表示键盘上没有的字符。 所有实体的前面有 & 符号，后面跟一个分号。 例如，下面的代码将版权符号添加到您的页面： © 可用实体显示 HTML 中具有特殊含义的字符。 若要在Web页上创建小于符号，您可使用代码： < 您不能使用平常的小于符号 (<) 因为在 HTML 中，它用于开始标记。 有关实体和特殊字符的更多信息，请参阅第3章。 为了避免 HTML 错误，请校对你的代码。 大多数 HTML 编辑器具有突出显示语法错误的功能。 请确保标记有括号，结束标记包括一个斜杠， 以及属性值用引号括起来。 应该正确地嵌套多个 HTML 标记， 也就是说你结束标记应放在开放标记的反向顺序位置。 例如： 我的文字。 为了使HTML可 / 本文档为【轻松创建HTML网页_简版】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑， 图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。 相关资料 [精品]简论玉蝉的演变及“汉八刀”玉蝉的鉴定 护学岗活动总结 医院处方集2013（中成药） 系统辨识PPT\第8章 优化算法参数辨识\8.12 基于粒子群算法的非线性系统参数辨识 74HC_HCT573芯片资料 长春理工大学激光器件与技术第二章讲 青岛版四年级数学上册期中模拟试卷 200个句子涵盖了高中英语4500词汇解析 “风机功率曲线优化-提高全场发电量”QC活动报告 C20砼垫层工方案 Carry On Till Tomorrow - 群星-韦绮珊(环星唱片)-简谱-吉他谱-钢琴谱-电子琴谱-手风琴谱-二胡谱-笛萧谱-萨克斯谱-古筝谱-歌词 2023年高校图书馆信息开发和信息服务创新建设探讨,图书馆学论文 传染病疫情报告封面 79四等水准测量记录表 哲学通论孙正聿讲义 2021年大学学生代表大会新版章程 磷石膏堆场安全生产管理制度 社会保险人力资源方面存在的问题与对策 ASTM_D790-03塑料弯曲 英文 翼虎7.5KW汽油发电机YH9500参数表 热门搜索 危化品安全管理判断题 推销与谈判复习题目 圈一圈，算一算_表内乘法和表内除法（二）优秀课件 春节汤臣倍健系列的促销方案 2020年南京市鼓楼区五年级数学下册期末试卷含答案 加强投资者教育工作铸造资本市场发展基石中信建投证券ppt课件 管理学基础案例分析 机动车检测站检测数据分析 社区入户线路预案 出口货物收汇申报表 如何进行英文学术论文写作 越南落地签证填写模板 安全技术交底范本全套 手足口病防治知识 危化品安全管理判断题 推销与谈判复习题目 圈一圈，算一算_表内乘法和表内除法（二）优秀课件 春节汤臣倍健系列的促销方案 2020年南京市鼓楼区五年级数学下册期末试卷含答案 加强投资者教育工作铸造资本市场发展基石中信建投证券ppt课件 管理学基础案例分析 机动车检测站检测数据分析 社区入户线路预案 出口货物收汇申报表 如何进行英文学术论文写作 越南落地签证填写模板 安全技术交底范本全套 手足口病防治知识 你可能还喜欢 我骄傲我是一名人大附小教师 茅以升《最早的桥》阅读练习及答案(2020年吉林省长春市中考题) 四川省绵阳市东辰国际学校高三物理复习三力动态平衡问题的独特解法 建设项目新旧对比PPT课件 浙江省2019年中考语文总复习第三部分古诗文阅读专题训练13文言文阅读与对比新人教版 工作螺纹量规紧密距计算公式和具体尺寸 推开楚门的世界之门 美学专业考研资料——朱立元美学读书笔记 高速公路监理对质量目标的理解和实现质量目标的可行性论述 体大小对照 化工原理题库精馏题 人工流产病人健康教育 东航国际航班时刻表 评分标准----火花塞的检查与更换 弱电智能化设计规范大全低压配电设计规范（GB 50054）10 县乡纪检监察部门常用公文格式 网络货运合同 网络货运合同 网络货运合同 网络货运合同 最新资料 资料动态 专题动态 免费 已有人下载 立即下载 关于我们 侵权处理 投诉反馈 帮助中心 网站地图 京ICP证000007-6 爱问文库-Copyright © 版权所有 浙公网安备 33021202002483 搜索 热门搜索 离婚协议书 入党申请书 房屋租赁合同 贫困申请书 历史搜索 清空历史搜索