上一页 下一页

网页工作原理

图像

一旦您开始创建页面,首先想添加的便是图形。人类是视觉动物,图形可以彻底改变页面的特性。

一旦您开始创建页面,首先想添加的便是图形。人类是视觉动物,图形可以彻底改变页面的特性。您可以使用微小的图形、细长的图形、大尺寸图像甚至动画。

广告

通过简单地在您希望项目符号显示的位置插入图像标签,可以将图形变成项目符号;您无需使用 <ul> 标签。

细长的图形可以用作分隔线。大尺寸图形可用于徽标或插图——几乎任何您能想到的用途。

有两种方式可以获取图形图像:您可以从网络上各种“免费剪贴画”网站下载,或者自己创建。一些提供免费图形和动画的网站包括 Page WorksA-1 All Free Clip Art 和 The Free Graphics Store。您还可以访问 The Free Site、Web Places 和 Free Graphics,获取免费图像网站目录。

假设您访问一个免费图形网站,看到一张您喜欢的图像。如果您右键单击该图像,会弹出一个菜单,其中一个选项是“将图像另存为……”。您应该将图像保存到您的网页所在的目录中。

如果您想创建自己的图像,您需要一个可以编辑 GIF 和 JPG 文件的程序。网络上一个非常流行的图像编辑程序名为 Paint Shop Pro。您可以点击此处获取副本。稍加练习,即使只有一点点艺术天赋,您也很快就能像专业人士一样创建图像!

如《基本 HTML 格式标签》中所述,图像使用以下标签插入到网页中:

<img src="name of file">

您还可以将图像用作指向其他页面或元素的链接。为此,只需在锚点标签后插入“img src”标签即可。请务必包含“border=0”,否则图像周围会出现难看的边框。

示例:<a href="https://www.十万个为什么.com"><img src="hswlogo.jpg" border=0></a>

在此示例中,如果用户点击图像“hswlogo.jpg”,他们将被带到 十万个为什么 的主页“https://www.十万个为什么.com”。

任何数字图像也可以用作页面的背景。为此,在 <body> 标签内添加 background="image file name"。

示例:<body background="hsw-logo.jpg>

我们将在下一节中了解如何标记图像。