首页 > 软件开发 > HTML >

快速学会HTML语言-12-图片格式(实例)

来源:互联网 2023-03-16 19:11:45 275

先顶后看年薪百万,如果帮到了你,投个好评。VQD办公区 - 实用经验教程分享!

快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    网络上常用的图像格式GIF和JPEG。VQD办公区 - 实用经验教程分享!

    另还有一种PNG的文件格式,QQ截图就是这种格式。VQD办公区 - 实用经验教程分享!

    下面来了解这3种格式VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 2

    JPEG的格式VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 3

    PNG的格式VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 4

    以前,都是纯文本的网页、看起来非常枯燥。VQD办公区 - 实用经验教程分享!

    有了图片之后,给游览网页带来了活力。VQD办公区 - 实用经验教程分享!

    发布任何东西如果都是纯文字,将非常枯燥。VQD办公区 - 实用经验教程分享!

    src属性:图片的源文件VQD办公区 - 实用经验教程分享!

    width,height:宽度和高度VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 5

    alt属性:提示文字。VQD办公区 - 实用经验教程分享!

    当src属性提供的图片源文件名字错误时,找不到该图片时。VQD办公区 - 实用经验教程分享!

    显示提示文字VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 6

    img标记的其他属性功能。VQD办公区 - 实用经验教程分享!

    快速学会HTML语言-12-图片格式(实例)VQD办公区 - 实用经验教程分享!

  • 7

    img标记不定义高度或不定义宽度,网站图片显示就会按照原来的尺寸显示。VQD办公区 - 实用经验教程分享!

    最好的做法:不定义图片的宽度和高度来缩小图片显示,VQD办公区 - 实用经验教程分享!

    虽然图片在页面上显示是缩小了,但是用户还是下载原来大文件的图片,会影响带宽,也就是俗说的网速太慢。VQD办公区 - 实用经验教程分享!

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

    正确的做法是:通过各种软件修改原图片的大小,减少文件大小,处理成合适的大小,再放到网站上。VQD办公区 - 实用经验教程分享!

  • 7此文章未经授权抓取自百度经验
  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

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


    标签: HTML

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