将图片添加到网站页面的步骤及不显示原因分析

2022-05-14 分类：网站建设

要链接到网站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：\指向硬盘上的某个位置。由于映像位于您的硬盘驱动器上，因此当您查看它时，它会显示出来。

分享题目：将图片添加到网站页面的步骤及不显示原因分析
文章来源：https://www.cdcxhl.com/news31/153131.html

成都网站建设公司_创新互联，为您提供网站维护、网站设计公司、静态网站、外贸建站、企业建站、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容