首页 > 软件开发 > HTML >

HTML怎么定义图像大小

来源:互联网 2023-03-16 19:17:10 446

我们常常要在网页中插入一些图片,来提示网页的总体效果,那么HTML怎么定义图像大小呢,今天小编就把这种方法带给大家吧plF办公区 - 实用经验教程分享!

HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

工具/原料

  • 电脑:台式机或笔记本
  • 软件:Dreamweaver

方法/步骤

  • 1

    我们可以看出来,没有定义高度,宽度的图片,会以自身的尺寸显示在网页中plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 2

    进入Dreamweaver打开我们的网页plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 3

    在head>标签之间加入style type="text/css">/style>这行代码plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 4

    然后在style标签中输入plF办公区 - 实用经验教程分享!

    img{plF办公区 - 实用经验教程分享!

    height:720px; /*定义图片的高度*/plF办公区 - 实用经验教程分享!

    width:1028px; /*定义图片的宽度*/plF办公区 - 实用经验教程分享!

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

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    最后点击保存,并在浏览器中浏览plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 6

    点击是 确认修改plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 7

    可以看到我们的图片以刚刚设置的720P分辨率大小显示在网页中了plF办公区 - 实用经验教程分享!

    HTML怎么定义图像大小plF办公区 - 实用经验教程分享!

  • 总结

  • 1

    【1】进入Dreamweaver打开我们的网页

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

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

    【2】在head>标签之间加入style type="text/css">/style>plF办公区 - 实用经验教程分享!

    【3】然后在style标签中输入plF办公区 - 实用经验教程分享!

    img{plF办公区 - 实用经验教程分享!

    height:720px; /*定义图片的高度*/plF办公区 - 实用经验教程分享!

    width:1028px; /*定义图片的宽度*/plF办公区 - 实用经验教程分享!

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

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

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

    【4】最后点击保存,并在浏览器中浏览就可以了plF办公区 - 实用经验教程分享!

  • 注意事项

    • 可以根据自己需求来定义图片大小哦 ~ ~

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


    标签: HTML

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