网页制作教程 作者 赵丰年 1_ 第1章.pptVIP

使用背景图案时，如果图案小于浏览器窗口的大小，则浏览器会自动象铺地板砖一样平铺背景图案。例如，以下代码显示了设置背景图案的效果，如图 1-9 所示。 HTML HEAD TITLE背景图案示例/TITLE/HEAD BODY background=background.jpg 背景图案示例 /BODY /HTML ? ? ? ? ? ? 背景图片 设置为背景时的效果 图 1-9 背景图案示例 注意：如果要使以上代码正确工作，必须在网页所在目录包含 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 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第1章 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 信息组织的基本原理）。例如，我们可以把常规