要链接到网站HTML中的任何图片，都应首先上载到发送网页HTML的同一位置，无论网站是托管在通过FTP访问的Web服务器上，还是使用网站托管服务。如果您使用网站托管服务，则可能使用该服务提供的上载表单。这些表单通常位于托管帐户的管理部分。将您的图片上传到托管服务只是第一步。然后，您需要在HTML中添加一个标记来标识它，我们将通过本文将图片添加到网站页面的步骤及不显示原因，一步一步告诉你。
将图像上载到与HTML相同的目录
您的照片可能与HTML位于同一目录中，如果是这样的话：
- 将图片上传到网站的根目录
- 在HTML中添加一个图像标记以指向该图像
- 将HTML文件上载到网站的根目录
- 通过在Web浏览器中打开页面来测试文件
在子目录中上载图像
将图像存储在子目录(通常称为“图像”)中更为常见。为了指向该目录中的图像，您需要知道它与您网站的根目录相关的位置。您网站的根目录是URL的显示位置，该URL的末尾没有任何目录。例如，对于名为“MyWebpage.com”的网站，根目录如下所示：http://MyWebpage.com/.。注意末尾的斜线。这就是通常如何指示目录的根目录。子目录包括斜杠，以显示它们在目录结构中的位置。MyWebpage示例站点可能具有以下结构：
http://MyWebpage.com/ — the root directory http://MyWebpage.com/products/ — the products directory http://MyWebpage.com/products/documentation/ — the documentation directory under the products directory http://MyWebpage.com/images/ — the images directory
图像不显示的常见问题
一开始，让图片出现在你的网页上是一件很有挑战性的事情。最常见的两个原因是图像没有上传到HTML指向的位置，或者HTML写得不正确。
首先要做的就是看看你能不能在网上找到你的照片。大多数托管服务提供商都有某种类型的管理工具，您可以使用这些工具查看您上传图像的位置。当您认为您的图像有正确的URL后，请在浏览器中键入它。如果图像显示，那么您有正确的位置。然后检查您的HTML是否指向该图像。最简单的方法是将刚刚测试的图像URL粘贴到SRC属性中。重新上传页面并测试。图像标签的SRC属性决不能以C：\或file开头：当您在自己的计算机上测试Web页面时，这些属性看起来是有效的，但是访问您的站点的每个人都会看到一个损坏的图像。这是因为C：\指向硬盘上的某个位置。由于映像位于您的硬盘驱动器上，因此当您查看它时，它会显示出来。
立即咨询
高端网站建设
系统软件开发
设计交互制作
年度运维服务
