将图像添加到您的网页

让图像正确显示

无论该网站托管在通过FTP访问的Web服务器上,还是使用Web托管服务,任何想要链接到网站HTML中的图像都应首先上传到发送网页HTML的相同位置。 如果您使用Web托管服务,则可能使用服务提供的上载表单。 这些表单通常位于您的托管帐户的管理部分。

将图像上传到托管服务只是第一步。 然后,您需要在HTML中添加标签以标识它。

将图像上传到与HTML相同的目录

您的照片可能位于与HTML相同的目录中。 如果是这样的话:

  1. 将图片上传到您网站的根目录。
  2. 在您的HTML中添加图片标签以指向图片。
  3. 将HTML文件上传到您网站的根目录。
  4. 通过在Web浏览器中打开页面来测试该文件。

图片标签采用以下格式:

假设您正在上传名为“lunar.jpg”的月球照片,图像标记采用以下形式:

高度和宽度是可选的,但推荐。 请注意,图片标签不需要结束标签。

如果要链接到另一个文档中的图像,请使用锚标签并嵌入图像标签。

在子目录中上传图像

将图像存储在通常称为图像的子目录中更为常见。 为了指向该目录中的图像,您需要知道它与网站根目录的相关位置。

您的网站的根目录是显示网址(没有任何目录)的位置。 例如,对于名为“MyWebpage.com”的网站,根目录采用以下格式:http://MyWebpage.com/。 注意最后的斜线。 这是通常表示目录的根目录的方式。 子目录包括该斜线以显示它们在目录结构中的位置。 MyWebpage示例站点可能具有以下结构:

http://MyWebpage.com/ - 根目录 http://MyWebpage.com/products/ - 产品目录 http://MyWebpage.com/products/documentation/ - 产品目录下的文档目录 http:// MyWebpage.com/images/ - images目录

在这种情况下,当你指向图像目录中的图像时,你可以这样写:

这被称为图像的绝对路径

不显示图像的常见问题

首先让图像显示在您的网页上可能会非常困难。 两个最常见的原因是图像未上传到HTML指向的地方,或者HTML写入不正确。

首先要做的是看你能否在网上找到你的图片。 大多数托管服务提供商都有某种类型的管理工具,可用于查看您上传图像的位置。 在您认为自己的图像具有正确的URL后,请将其输入到浏览器中。 如果图像出现,那么你有正确的位置。

然后检查您的HTML是否指向该图像。 最简单的方法是将刚刚测试的图像URL粘贴到SRC属性中。 重新上传页面并进行测试。

图像标签的SRC属性不应以C:\文件开头:当您在自己的计算机上测试您的网页时,这些似乎可以正常工作,但访问您网站的每个人都会看到破损的图像。 这是因为C:\指向硬盘上某个位置。 由于图像位于硬盘上,因此当您查看图像时会显示该图像。