首页 > 软件开发 > HTML >

静态网页中如何从不同的位置插入图片

来源:互联网 2023-03-16 19:17:38 370

小编在前一次的经验中教大家如何在网页中插入图片,插入的图片路径是同一个文件夹里面的,那如果插入的图片不在同一个文件夹呢,或者是其他网站上的图片调用插入要如何设置呢?gfs办公区 - 实用经验教程分享!

工具/原料

  • 宽带上网
  • 电脑

方法/步骤

  • 1

    电脑桌面空白位置鼠标右击新建一个记事文本,重新命名:从不同的位置插入图片.html,按回车确认gfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 2

    选中桌面html文件右键点击选择记事本打开,并打上如下图所示html标准基础标签代码,然后点击记事本左上角蓝色文件菜单下的保存gfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 3

    在记事本body>下方输入代码:gfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    img src="baidu/baidu.jpg" />gfs办公区 - 实用经验教程分享!

    /gfs办公区 - 实用经验教程分享!

    完成后点击保存gfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 4

    双击桌面html文件,打开的页面会看到一张百度logogfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 5

    回到记事本中,在body>/body>之间添加代码:gfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    imggfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cgfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    gfs办公区 - 实用经验教程分享!

    f.png" />gfs办公区 - 实用经验教程分享!

    /gfs办公区 - 实用经验教程分享!

    调用百度首页logogfs办公区 - 实用经验教程分享!

    完成后点击保存gfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 6

    回到桌面鼠标双击html文件,在打开的页面我们可以看到百度logo下方多了一个调用的百度logogfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 7

    在底下一张百度logo鼠标右键打开属性,我们可以看到图片的地址指向是百度主页所在的logo地址gfs办公区 - 实用经验教程分享!

    静态网页中如何从不同的位置插入图片?gfs办公区 - 实用经验教程分享!

  • 7相关内容非法爬取自百度经验
  • 注意事项

    • 如本经验对你有帮助,请点个赞,谢谢!!!

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


    标签: HTML

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