HTML页面中怎么添加图片-创新互联

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

成都创新互联专注于新都网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供新都营销型网站建设,新都网站制作、新都网页设计、新都网站官网定制、小程序设计服务,打造新都网络公司原创品牌,更为您提供新都网站排名全网营销落地服务。

方法一、用HTML中的img标签添加图片

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



 
  
  
 
 
  
 

效果图:

HTML页面中怎么添加图片

方法二、用JavaScript创建一个img元素来导入图片

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

方法三、用JavaScript中的innerHTML动态插入图片

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

图片效果和方法一一样。

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

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


网页标题:HTML页面中怎么添加图片-创新互联
网站路径:http://bzwzjz.com/article/dsoojd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站建设 温江网站设计 成都网站设计 网站建设费用 温江网站设计 成都网站建设 成都网站建设推广 成都网站设计 成都网站设计 成都品牌网站设计 成都网站制作 手机网站制作 专业网站建设 高端品牌网站建设 定制网站制作 成都网站建设 成都网站设计 手机网站制作 营销型网站建设 重庆手机网站建设 泸州网站建设 响应式网站设计