applogo.png

车抵贷
购物领券
2022-05-22 微信搜索 热度:2097

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

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文件中怎么插入图像

1、新建html文件,在body标签中添加img标签,img标签在html中没有结束标签,所以不需要添加“</img>”代码。给img标签添加属性“src”,属性值填自己想要添加图片的地址,这里以同一目录下的1.png为例,这样图片就添加好了:

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

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容,可以给img标签添加“alt”属性,属性值填想要显示的内容,这里以“鹦鹉”为例,此时,当图片加载失败时,“鹦鹉”两个字就会显示出来:

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

3、img插入的图片大小默认是图片自身的大小,我们可以用“width”属性和“height”属性控制图片大小,这里以宽度200和高度200为例,此时代码就是“width='200' height='200'”,这样图片大小就会变成200*200:

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

上一篇:云服务器的工作原理是什么怎么选择一款适合公司用的产品

下一篇:怎么用微信对话形式表白。

赞 0
分享
猜你喜欢

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名?

「微信红包群规则复制」微信红包群规章制度是什么样的?

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个

「微信群群主有哪些特权」微信群主有哪些特权?

 

账号登录,或者注册个账号?