HTML页面中怎么添加图片

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

公司专注于为企业提供做网站、网站设计、微信公众号开发、商城网站建设,微信小程序,软件按需设计网站等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,成都创新互联更提供一系列网站制作和网站推广的服务。

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

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



 
  
  
 
 
  
 

效果图:

HTML页面中怎么添加图片

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

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

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

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

图片效果和方法一一样。

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


网站题目:HTML页面中怎么添加图片
本文URL:http://bzwzjz.com/article/ppedhg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计 网站建设公司 LED网站设计方案 成都网站建设 成都网站建设 网站设计 成都网站设计 古蔺网站建设 手机网站制作 手机网站建设 重庆网站建设 网站制作 成都网站制作 四川成都网站设计 成都网站建设流程 营销网站建设 成都网站建设 成都做网站建设公司 成都网站设计 成都网站建设 成都网站建设 公司网站建设