18910140161

HTML中添加图片的代码是什么?

顺晟科技

2021-06-16 10:35:45

383

首先,我们来了解一下html中添加图片的代码:

Img标签是在html中添加图片的标签,这是一个单独的标签。它可以从任何地方添加,但是您必须正确确定添加图片的路径,否则图片将不会显示。这是我们今天要讲的两个知识点。

让我们先知道img标签的正确用法,然后才能决定如何添加图片。

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

imgsrc='url '

如上,src属性是img中必不可少的属性,否则img没用,也没地方放图片,那这个标签还能干什么?因此,我们需要知道htmlimg标签的用法。这两个标签是连在一起的,一定要一起用。(想看更多HTML知识,欢迎来PHP中文网HTML编程课程)

另外,我们在本地创建html添加图片的时候,一般会把图片放在自己的本地文件夹里,和html文件放在一起,通常是一个带有HTML的文档,还有一个文件夹叫做img,专门用来放置图片。我们通常把要上传的图片放在img文件夹里。然后我们可以将本地图片与img标签链接,如下所示:

imgsrc='img/1.jpg '

如上所述,我们通常使用img标签将本地图片链接到1.jpg,并将其放在网页上。

现在我们来谈谈正确的使用路径:

如上所述,我们通常将图片放在本地文件夹中,这样我们就可以直接链接图片。这个方法很好。如何更好的美化图片,建议使用层叠样式表css,但是我们现在说的是纯html标签和属性,就不说css样式了。

想象一下,我们通常使用imgsrc='img/1.jpg ',1.jpg,这是一个本地图片的名称。当然,你可以随意更改,这样就可以了。这是我们最常用的用法。

我们来看看其他图片是如何连接的。比如我们要连接其他文件夹的图片,怎么办?

让我们看看在这种情况下使用的语法:

imgsrc=' e: \文健\图皮安\1.jpg '

这个出来了。如上图所示,我们连接到电子驱动器上“文健”文件夹下的“图皮安”文件夹中的1.jpg照片。

这也是一个常见的用法。当需要一些图片和其他文档时,更好把图片放在容易找到的位置。所以可以一直用。

另一个是链接在线图片:

如果你想要一张在线图片的网址,右键点击网站图片复制网址。这样就可以复制图片的URL了。

然后我们用img标签把图片放在自己的网页上。如下图:

img src=' https://img . PHP.cn/upload/article/000/000/003/5a 9675 a3 b 2106284 . jpg '

这样就可以调用图片在自己的网页上显示,只是有点麻烦。你可以多试试这些方法

本文讲的是图片标签的代码和正确使用路径的正确方法(如果你想学习更多的标签知识,来PHP中文网站,那里有你想学的所有编程课程,是你学习编程的必经之路)。有什么问题可以在下面提问。

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航