HTML网页中怎么写插入图片的代码

网站都有很多的图片,你知道在代码中怎么插入图片吗。

操作方法

  • 01

    在代码中经常用到的插入图片代码是img属性,格式就是<img src="" alt="">   src后面是添加图片的地址,后面的alt是对图片的描述

  • 02

    在插入图片前,要将html文件和图片文件放在一个文件夹内,这里的img文件夹就是专门存放图片的地方,

  • 03

    然后回到代码栏,在src中输入链接地址img/pic_01.jpg,要将图片的具体地址和名称全部写全才可以在网页中看到,否则就会显示链接失败错误而无法观看到图片

  • 04

    将文件保存后,在浏览器中我么就可以看到此刻的图片被添加进来了,位于网页的左上角位置。

  • 05

    如果想要移动图片的所在位置,就需要先对其包装一下,用一个盒子将其包裹,然后调整盒子的位置就相当于移动的是图片的位置了

  • 06

    如图,之前设置的盒子距离顶部100px.然后距离左侧100px,这样就将盒子挤到了现在所在的位置,如图所示。

(0)

相关推荐

  • HTML网页制作:[1]插入图片

    HTML网页插入图片.感兴趣的小伙伴们快来了解一下吧. 插入图片 01 将光标定位在HTML文档中要插入图像的位置. 02 点击"插入"菜单,选择"图像"项,或 ...

  • 如何在PPT中添加和插入图片

    PPT是一个办公应用程序,它是我们办公.学习中不可多得的好帮手.不少小伙伴还不太熟悉有关的操作技巧,因此常常存在困惑.比如:很多用户不知道如何在PPT中添加和插入图片,小编今天就来为您解答这个问题.具 ...

  • PPT中如何压缩插入图片

    PPT是比较常用的办公软件,今天给大家分享一下PPT中如何压缩插入图片 操作方法 01 首先选中需要压缩的图片,点击上方"格式"选项卡,再点击上方"压缩图片"按 ...

  • PPT中如何精确调整插入图片大小

    PPT中如何精确调整插入图片大小?接下来小编就把具体的操作方法分享给大家. 操作方法 01 鼠标左键点击你要修改的图片,点击"格式"选项卡. 02 在大小栏目中,直接键入数值即可修 ...

  • PPT中如何设置插入图片的叠放次序

    PPT是比较常用的办公软件,今天给大家分享一下PPT中如何设置插入图片的叠放次序. 操作方法 01 方法一:首先依次点击菜单栏中的"开始"--"排列"--&qu ...

  • ppt中怎么调节插入图片的透明程度

    在PPT中我们可以调整图片的透明度来达到不一样的效果,那么ppt中怎么调节插入图片的透明程度呢? 操作方法 01 如图,打开PPT文稿,然后在幻灯片上面单击鼠标右键,然后点击右键菜单中的"设 ...

  • 使用迅雷批量下载网页中一连串的漂亮图片

    有时候在网页中看到一连串的漂亮图片,真想全部保存下来。如何批量下载网页图片呢? 我们需要一款软件——迅雷,这款下载软件大家都很熟悉吧。 首先,下载、安装、运行迅雷; 打开网页,网页中的图片正是我们要下 ...

  • Word文档中如何增添/插入图片水印

    今天,小编给大家介绍Word文档中增添/插入图片水印的方法,希望对大家有所帮助.具体如下:1.首先,请大家在自己的电脑中找到[word]图标,点击进入如图所示的页面.2. 第二步,如图所示,请选择屏幕 ...

  • 如何下载网页中不可另存为的图片

    我们在工作中.在学习时,经常会收集使用一些素材.这些素材都是来自于互联网,如今共享的社会带来的便利为我们节约了不少时间. 今天小编就来讲讲,怎么要从网页中下载图片,大家肯定都知道点击图片右键" ...