1、在代码中经常用到的插入图片代码是img属性,格式就是<imgsrc="\"alt="\"/>src后面是添加图片的地址,后面的alt是对图片的描述。
2、在插入图片前,要将html文件和图片文件放在一个文件夹内,这里的img文件夹就是专门存放图片的地方。
3、然后回到代码栏,在src中输入链接地址img/pic_01.jpg,要将图片的具体地址和名称全部写全才可以在网页中看到,否则就会显示连接失败错误而无法观看到图片。
4、将文件保存后,在浏览器中我么就可以看到此刻的图片被添加进来了,位于网页的左上角位置。
5、如果想要移动图片的所在位置,就需要先对其包装一下,用一个盒子将其包裹,然后调整盒子的位置就相当于移动的是图片的位置了。
6、如图,之前设置的盒子距离顶部100px.然后距离左侧100px,这样就将盒子挤到了现在所在的位置,如图所示。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
HTML是不是用来开发网页的?
HTML如何显示当前动态时间?
在html中插入整个页面的背景图?
dreamweaver所用的语言就是html吗?
dreamweaver所用的语言就是html吗?
HTML写的网页如何实现与数据库的交互?
HTML网页中如何引入地铁图?
如果你了解优化WEB前端知识,或者不想花时间了解上面,那么直接看下面吧。
html5有哪些软件可以写代码?
怎样才能把一个传统的网站变成HTML5标准
html5是什么?发展前景如何呢?
怎么在网页中插入图片html图片代码
html5哪个开发工具比较适合新手?
html5有没有类似jqueryui的框架?
怎么将一个网站修改成html5标准的网站
HTML5网站优点和缺点有哪些
如何用HTML创建一个简单网页?
为什么HTML5前端混合开发这么火?