您要在网站的HTML中链接的任何图像都应首先上传到您为网页发送HTML的相同位置,无论该网站是通过FTP访问的网络服务器托管还是使用网络托管服务。如果您使用网络托管服务,则可能使用该服务提供的上传表单。这些表单通常位于您的主机帐户的管理部分。
将图像上传到托管服务只是第一步。然后,您需要在HTML中添加标记以识别它。
将图像上载到与HTML相同的目录。您的照片可能与HTML位于同一目录中。如果是这种情况:将图像上传到您网站的根目录。在HTML中添加图像标记以指向图像。将HTML文件上传到您网站的根目录。通过在Web浏览器中打开页面来测试文件。图像标记采用以下格式:假设您正在上传一张名为“lunar.jpg”的月球照片,则图片标签采用以下形式:高度和宽度是可选的,但建议使用。请注意,图像标记不需要结束标记。
如果要链接到另一个文档中的图像,请使用锚标记并将图像标记嵌套在其中。 上传子目录中的图像将图像存储在子目录中更常见,通常称为图像。为了指向该目录中的图像,您需要知道它与您网站的根目录的关系。
您网站的根目录是显示最终没有任何目录的URL。例如,对于名为“MyWebpage.com”的网站,根目录遵循以下格式:http://MyWebpage.com/。注意最后的斜线。这是通常指示目录的根目录的方式。子目录包括斜杠以显示它们在目录结构中的位置。MyWebpage示例站点可能具有以下结构:
http://MyWebpage.com/ — the root directory
http://MyWebpage.com/products/ - 产品目录
http://MyWebpage.com/products/documentation/ - 产品目录下的文档目录
http://MyWebpage.com/images/ - images目录
在这种情况下,当您指向图像目录中的图像时,您会写:这称为图像的绝对路径。
不显示图像的常见问题。首先,让您的网页上显示的图片可能很有挑战性。最常见的两个原因是图像没有上传到HTML指向的位置,或者HTML写得不正确。
首先要做的是看看你是否能在网上找到你的图像。大多数托管服务提供商都有某种类型的管理工具,您可以使用它来查看上传图像的位置。在您认为自己拥有图片的正确网址后,请在浏览器中输入该网址。如果图像显示,则表明您的位置正确。
然后检查您的HTML是否指向该图像。最简单的方法是将刚测试的图像URL粘贴到SRC属性中。重新上传页面并进行测试。
您的图片代码的SRC属性不应该以C:\或文件开头: 当您在自己的计算机上测试网页时,这些属性似乎有效,但访问您网站的每个人都会看到损坏的图片。这是因为C:\指向硬盘驱动器上的某个位置。由于图像位于硬盘驱动器上,因此在您查看时会显示该图像。