首页 > 软件开发 > HTML >

静态网页如何设置插入图像

来源:互联网 2023-03-16 19:17:40 版权归原作者所有,如有侵权,请联系我们

我们经常浏览网页时会被漂亮的网页设计惊到,但你要知道一张漂亮的网页正是有许多好看的图片或动画图像构成的,那么如何在网页中插入图像呢?Age办公区 - 实用经验教程分享!

工具/原料

  • 宽带上网
  • 电脑

方法/步骤

  • 1

    打开电脑在桌面空白处鼠标右击新建一个记事文本,重新命名为:设置插入图像.html。按回车确认Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    选中新建的html文件右键选择记事本打开,手动输入如图所示html基础标签。然后点击左上角蓝色文件菜单下的保存。Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 3

    给网页插入一张图片。具体做法如下:在记事本body>下方添加代码:Age办公区 - 实用经验教程分享!

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

    img src="a.jpg" width="100" height="100" />Age办公区 - 实用经验教程分享!

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

    其中标签是空格隔行,width表示宽带,height表示高度,点击保存Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 4

    双击桌面html文件,在打开页面会看到一张宽和高都为100的漂亮鼠标图片Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 5

    网页添加一张动画图像。具体做法:在body>下文添加代码:Age办公区 - 实用经验教程分享!

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

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

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

    其中,src表示图像路径。点击保存Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 6

    回到桌面双击html文件,打开网页会看见鼠标图片下方多了一张跑步的动画图像(动画效果需你自己动手试试哦)Age办公区 - 实用经验教程分享!

    静态网页如何设置插入图像?Age办公区 - 实用经验教程分享!

  • 注意事项

    • 如本经验对你有少少许的帮助,请点个赞,非常感谢!!!

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


    标签: HTML

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