网站代码基本代码 如何用div css给网页添加图片,求代码?
浏览量:1542
时间:2021-04-08 16:18:11
作者:admin
如何用div css给网页添加图片,求代码?
1. 首先,打开sublime_uu2;Text软件,在其中新建一个HTML文件,然后编写最简单的网页格式代码:
2,然后创建一个高200px、宽200px、颜色为蓝色的div框:
3,然后在代码中添加背景图像,然后引入一个图像,URL是图像的相对路径地址,相对的是HTML文件的目录:
4,最后在浏览器中打开浏览器,可以看到插入的图像:
HTML网页中怎么写插入图片的代码?
1。代码中常用的插入图像代码是img attribute,格式是<img SRC=“”ALT=“”> SRC,后跟添加图像的地址,ALT是图像的描述。
2. 在插入图像之前,应该将HTML文件和图像文件放在一个文件夹中。这里的IMG文件夹是存储图像的特殊位置。
3. 然后返回代码栏,在SRC_01.jpg中输入链接地址img/pic,您需要写下图片的所有具体地址和名称,然后才能在网页中看到它。否则,将显示连接失败错误,并且无法查看图片。
4. 保存文件后,我们可以在浏览器中看到,此时的图像已经添加,该图像位于网页的左上角。
5、如果要移动图片的位置,需要先把图片包起来,包在一个盒子里,然后调整盒子的位置,相当于移动图片的位置。
6. 如图所示,之前设置的盒子距离顶部100px,然后距离左侧100px,这样盒子被挤压到当前位置,如图所示。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。