175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

将图像添加到网站需要注意的事项

2019-06-23 来源:小领

您要在网站的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:\指向硬盘驱动器上的某个位置。由于图像位于硬盘驱动器上,因此在您查看时会显示该图像。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=178
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov.com 版权所有
鲁公网安备37020302372323
ICP证: 鲁ICP备18056479号

关注领创公众平台

添加官方微信

175 6191 5976