首页 > 软件开发 > HTML >

怎么把动态图插入到网页里面

来源:互联网 2023-03-16 19:11:00 336

本文介绍一下,把图片插入到网页里面的方法。lPp办公区 - 实用经验教程分享!

怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • notepad

方法/步骤

  • 1

    准备一幅图片。lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

  • 2

    用标签插入图片:lPp办公区 - 实用经验教程分享!

    !doctype html>lPp办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8">lPp办公区 - 实用经验教程分享!

    /head>body>img src="a.gif">//body>/html>lPp办公区 - 实用经验教程分享!

    这就以默认的尺寸,打开图片。lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

  • 3

    图片的宽度缩小为200:lPp办公区 - 实用经验教程分享!

    !doctype html>lPp办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8">lPp办公区 - 实用经验教程分享!

    /head>body>img src="a.gif"width="200">/lPp办公区 - 实用经验教程分享!

    /body>/html>lPp办公区 - 实用经验教程分享!

    图片的高度,会自动按比例缩放。lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

  • 3本页面未经授权抓取自百度经验
  • 4

    如果要改变图片的高宽比例,需要指定高度和宽度:lPp办公区 - 实用经验教程分享!

    !doctype html>lPp办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8">lPp办公区 - 实用经验教程分享!

    /head>body>lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">/lPp办公区 - 实用经验教程分享!

    /body>/html>lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

  • 5

    可以自动换行:lPp办公区 - 实用经验教程分享!

    !doctype html>lPp办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8">lPp办公区 - 实用经验教程分享!

    /head>body>lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">/lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">/lPp办公区 - 实用经验教程分享!

    /body>/html>lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

  • 6

    !doctype html>lPp办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8">lPp办公区 - 实用经验教程分享!

    /head>body>lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">/lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">lPp办公区 - 实用经验教程分享!

    img src="a.gif"width="200"height="200">/lPp办公区 - 实用经验教程分享!

    /body>/html>lPp办公区 - 实用经验教程分享!

    怎么把动态图插入到网页里面?lPp办公区 - 实用经验教程分享!

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


    标签: HTML

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