HTML中如何添加图片-创新互联

这篇文章给大家分享的是有关HTML中如何添加图片的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

首先我们先认识一下html中添加图片的代码：

html中添加图片的就是标签，是一个单标签，是可以从任何地方拉来图片添加的，但是你得正确的确定添加图片的路径，不然就显示不出来图片，这就是我们今天要说的两个知识点。

我们先认识一下img标签的正确用法，这样才能确定怎么添加图片。

一般添加图片的语法如下：

如上，src属性是img中必备的属性，不然img就相当于没用处了，没地方放图片，那这个标签还要干嘛，所以，我们要知道html img标签的用法，这两个就是连在一起的，我们必须要一起使用才行。(想看更多的HTML知识，欢迎来到创新互联HTML编程课程)

还有我们本地制作HTML添加图片一般都是把图片放在自己的本地文件夹中，与html文件放在一起，一般都是一个文档，有一个html,还有一个文件夹叫img的是专门用于放图片的文件夹，我们一般都是把自己要上传的图片放到img文件夹中。然后我们就可以这么用img标签链接本地的图片了：

如上就是一般我们用img标签的用法，链接本地的图片1.jpg，把图片放到网页上。

现在我们来说说正确的使用路径吧：

上面说了，我们一般都是把图片放在本地的文件夹中，这样我们就可直接链接图片了，这样的办法是很好的，如何还向把图片美化的更好，建议使用层叠样式表css来实现，但是我们现在说的都是纯html标签和属性来实现的，所以先不说css样式了。

我们想象看，一般都是用,1.jpg这个是本地图片的名字，当然你可以随便的更改，这个都是可以的。这是我们大众的用法。

来看看别的图片怎么连接，比如我们想连接别的文件夹下的图片，我们该怎么办呢？

让我们来看看情况使用的语法吧：

这样就出来了，如上图，我们就连接到了e盘“wenjian”的文件夹下的“tupian”文件夹下的1.jpg图片了。

这也是一种常见的用法，有些图片别的文档也需要时，这样做是最好的，把图片放到一个容易找到的位置。这样就能一直用下去了。

还有一种就是链接网上的图片:

想要网上的图片的网址，就在网站图片上面右击复制图片网址。这样就可以把图片的网址复制了。

然后我们使用img标签来把图片放到我们自己的网页上去。如下图：

感谢各位的阅读！关于HTML中如何添加图片就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。