第1章 PPT石狮市.pptVIP

注意：如果要使以上代码正确工作，必须在网页所在目录包含 background.jpg 文件。 用户也可以同时设置网页的背景图案和背景色，在这种情况下，只有在浏览器不能显示图像时才显示背景色。例如，如果用户将浏览器设置为不显示图像（选择“工具”菜单中的“Internet 选项”命令，然后选择“高级”选项卡，在“多媒体”下设置），那么给网页设置的背景图案将不显示，而是显示背景颜色。 设置背景图像水印效果 设置文字和超链接的颜色 1.2.4　添加注释 不论是编写程序还是制作网页，为所做的工作添加注释都是一种良好的工作习惯。实际上，添加注释是任何程序开发工作必须遵循的规范之一。 由于 Web 站点经常需要更新，因此创建的 Web 页必须易于维护，而添加注释是增强文档可读性的重要手段。 HTML 的注释由开始标记符 !-- 和结束标记符 -- 构成。这两个标记符之间的任何内容都将被浏览器解释为注释，而不在浏览器中显示。 例如，以下HTML代码在浏览器中的显示如图 1-10 所示。 HTML HEAD TITLE 网页标题/TITLE /HEAD BODY 正文，正文，正文 /BODY !-- 本行内容并不在浏览器中显示！ -- /HTML 图 1-10 注释不在网页中显示 注意：注释可插入在 Web 页的任何位置。 1.2.5 显示特殊字符 如果用户需要在网页中显示某些特殊字符，例如：、 等与 HTML 语法冲突的符号（浏览器会自动将 号后的内容解释为 HTML 标记符），或者 ×、∑、± 等无法直接用键盘输入的符号，则需使用参考字符来表示，而不能直接输入。 参考字符以“”号开始，以“；”结束，既可以使用数字代码，也可以使用代码名称。最常见的参考字符为： 表示为 lt;， 表示为 gt;， 表示为 amp;，空格表示为 nbsp;，有关参考字符完整的编码请参见附录 2。 注意：与HTML标记符不同，字符代码名称区分大小写。 例如，要在 Web 页中显示内容“Tom Jerry is a popular VCD program.”，则需使用参考字符。 HTML 代码如下，在浏览器中的显示如图 1-11 所示。 HTML HEAD TITLE 参考字符示例 /TITLE /HEAD BODY lt;Tom amp; Jerrygt; is a popular VCD program. /BODY /HTML 图 1-11 参考字符示例 * * HTML基础 1.1　什么是HTML 1.2 创建 Web 页 1.3 发布 Web 页 1.1　什么是HTML 1.1.1　Web 页的基本概念 Internet 与 WWW WWW 与浏览器 当我们在网上冲浪时，基本工作过程如图 1-1 所示。 图 1-1 上网冲浪的基本工作原理 网站与主页 1.1.2　HTML 的工作原理 如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令（或者选择“查看”菜单中的“源文件”命令），则系统会启动“记事本”，其中包含一些文本信息，如图 1-2 所示。 图 1-2 网页的源文件 这些文本其实就是网页的本质—— HTML 源代码。HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示。例如，用 table 标记符可以在网页上定义一个表格。 说明：超文本是相对普通文本而言的，与普通文本按顺序定位不同，超文本最典型的特点就是文本中包含指向其他位置的链接，通过这些链接使文档组织成了网状结构，如图 1-3 所示（这实际上也是 WWW 信息组织的基本原理）。例如，我们可以把常规意义上的书本理解为普通文本，而把由超链接组织起来的电子文档理解为超文本。 图 1-3 超文本示意图 在 HTML 文档中，通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取 HTML 文件，然后根据内容周围的 HTML 标记符解释和显示各种内容。例如，如果为某段内容添加 H1/H1 标记符，则浏览器会以比一般文字大的粗体字显示该段内容，如图 1-4 所示。 图 1-4 浏览器解释 HTML 标记符示意 HTML 中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站