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

 时间:2024-10-14 02:07:09

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

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

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

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

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

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

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

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

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

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

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

HTML网页中怎么写插入图片的代码
  • html插图片代码步骤
  • 如何在HTML中插入图片
  • 如何在html中让图片和文字居中对齐
  • html添加图片的代码
  • html怎样用图片做背景 让文字在图片上面
  • 热门搜索
    香辣虾的家常做法 无手机号怎么注册微信 鼻炎的症状及治疗方法 锅包肉的家常做法视频 婚前协议怎么写 宫颈炎最佳治疗方法 怎么学习粤语 肩周炎的锻炼方法 厦门好吃的 方兴未艾怎么读