养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

网页插入图片的方法

时间:2024-09-22 01:01:29

在制作网页时,为了使网页上的内容丰富多彩,大多数网页都放有图片,网页插入图片,实际上就是插入图片的引用地址

工具/原料

Windows系统

代码编辑器

浏览器

方法/步骤

1、新建一个文件夹test,然后在文件夹里面放入需要插入的图片,以及新建一个HTML文档。

网页插入图片的方法

2、打开代码编辑器软件(这里用sublimetext2),输入HTML的基本框架,如下图所示:

网页插入图片的方法

3、在body标签对中输入以下代码:<h2>古典气派的书房</h2&壹执慵驾gt; <imgsr艘早祓胂c="书房.JPG"/>备注:属性src中输入图片所在的路径、图片名称及扩展名

网页插入图片的方法

4、保存代码,在浏览器中打开保存的网页,效果如下图所示:

网页插入图片的方法

5、也可以在<imgsrc="书房.JPG"/>标签中增加一个a盟敢势袂lt属性,当图片显示不出来骀旬沃啭时,起到提示的作用,比如:<imgsrc="书房1.JPG"alt="这是书房"/>

网页插入图片的方法

6、保存后,在浏览器中打开保存的网页。因为图片名称是错误的,所以图片不显示。因为在img标签中增邹菁惨挣加了一个alt属性,当图片不显示时,会有相应的文字提示。

网页插入图片的方法

© 一点知识