如何在HTML中插入图片

SOASPX 5061 0

随着互联网的发展,网速不断提升,我们现在的网页也变的更加丰富起来,除了能够传输文字外,我们还可以传输图片。那么,如何在html内添加图片呢,接下来我为您讲解。

1、首先,您需要创建一个html。

如何在HTML中插入图片-第1张图片-.net教程网

2、同时,您需要创建一个css文档。

如何在HTML中插入图片-第2张图片-.net教程网

3、CSS文档的后缀名必须为CSS,比如我们创建一个index.css文档。

如何在HTML中插入图片-第3张图片-.net教程网

4引入CSS文档。

如何在HTML中插入图片-第4张图片-.net教程网

5、在html的标签之间添加标签。

如何在HTML中插入图片-第5张图片-.net教程网

6、注意,这个图片需要是必须存在的,路径也不要错了,我们目前的图片是保存与html文档是在一个文件夹下的,所以就直接使用上图所示链接即可。如果你的图片与html文挡不在一个地方,那么您就需要修改路径了。添加了图片后,使用浏览器运行一下。选择html的打开方式为浏览器即可。

如何在HTML中插入图片-第6张图片-.net教程网

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~