HTML页面中怎么添加图片

　　介绍

这篇文章主要介绍HTML页面中怎么添加图片,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<强>方法一,用HTML中的img标签添加图片

最简单,最常用的就是直接使用img标签,并且可以根据需要设置图片的大小,代码如下:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"/比; 　　& lt; title> & lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt; img src=https://www.yisu.com/zixun/癷mg/picture1.jpg”高度/宽度=?00 px”=?80 px”> 　　 　　

效果图:

html页面中怎么添加图片

<强>方法二,用JavaScript创建一个img元素来导入图片

先创建一个img元素,再设置这个img元素的路径,图片长和宽,最后将其插入到页面中,代码如下:

& lt;脚本类型=拔谋?javascript"比; 　　var Image1=document.createElement (“img"); 　　Image1。src=https://www.yisu.com/zixun/癷mg/picture1.jpg”; 　　Image1。宽度=300; 　　Image1。身高=180; 　　document.body.appendChild (Image1); 　　

<强>方法三,用JavaScript中的innerHTML动态插入图片

还是使用JavaScript中的方法,实质和方法二类似,只是写法不一样,创建img元素然后添加到HTML页面,代码如下:

& lt;脚本类型=拔谋?javascript"比; 　　document.body。innerHTML=& # 39; & lt; img src=https://www.yisu.com/zixun/癷mg/picture1.jpg”高度=" 180 "宽度=" 300 "/> '; 　　

图片效果和方法一一样。

以上是“HTML页面中怎么添加图片”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

HTML页面中怎么添加图片