首页 > 软件开发 > HTML >

如何在网页中插入图片

来源:互联网 2023-03-16 19:19:25 216

如何在DW中插入图片进行编辑呢?4Hk办公区 - 实用经验教程分享!

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

插入图片分为2种,一种直接插入,另一种是代码引入4Hk办公区 - 实用经验教程分享!

如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

直接插入

  • 1

    新建一个html文档4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 2

    点击顶端导航的插入 选择插入图片4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 3

    选择图片位置 并点击4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 4

    插入图片时我们可以直接调节图片大小4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 引入图片

  • 1

    在body>/body>中间写上 img src 时系统会自动进入图片引入程序 我们点击浏览4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 2

    选择我们要引入的图片4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 3

    这是代码自动编辑引入的地址,由于图片太大我们需要设置图片大小4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 4

    width="400" height="600" 我们编写的代码中width表示图片款 height表示高 图片为400x600像素4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 5

    点击保存后浏览器效果4Hk办公区 - 实用经验教程分享!

    如何在网页中插入图片4Hk办公区 - 实用经验教程分享!

  • 注意事项

    • 引入头代码

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


    标签: 网页插入HTML

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