首页 > 软件开发 > HTML >

怎么在html内添加图片

来源:互联网 2023-03-16 19:13:37 442

前端开发中,添加图片是最基本的操作,本文详细介绍怎么在html内添加图片,适用于所有的html开发,详细的操作步骤如下。GqN办公区 - 实用经验教程分享!

怎么在html内添加图片GqN办公区 - 实用经验教程分享!

工具/原料

  • html css javascript
  • html编辑器sublime_text

方法/步骤

  • 1

    第一步,我们前往css官网查看,可以在html中插入图片的属性,我们找到标签img>可以插入图片,详细的用法如下图GqN办公区 - 实用经验教程分享!

    怎么在html内添加图片GqN办公区 - 实用经验教程分享!

  • 2

    第二步,我们为了方便编写html代码,我们点击打开html编辑器sublime_text,详细如下图GqN办公区 - 实用经验教程分享!

    怎么在html内添加图片GqN办公区 - 实用经验教程分享!

  • 3

    第三步,我们创建一个html文件,然后【创建一个img标签】,详细如下图GqN办公区 - 实用经验教程分享!

    怎么在html内添加图片GqN办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    第四步,创建img标签以后,我们给img标签的属性【src添加一张图片的地址】,详细如下图GqN办公区 - 实用经验教程分享!

    怎么在html内添加图片GqN办公区 - 实用经验教程分享!

  • 5

    第五步,我们把html文件拖到浏览器中,然后就可以查看加入图片的效果了,详细如下图。GqN办公区 - 实用经验教程分享!

    怎么在html内添加图片GqN办公区 - 实用经验教程分享!

  • 注意事项

    • sublime_text2 v2.0.2
    • 如果对你有帮助,请在下面投个票或者点个赞

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!GqN办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码