多语言展示
当前在线:1986今日阅读:26今日分享:39

网页插入图片的方法

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

Windows系统

2

代码编辑器

3

浏览器

方法/步骤
1

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

2

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

3

在body标签对中输入以下代码:

古典气派的书房

备注:属性src中输入图片所在的路径、图片名称及扩展名

4

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

5

也可以在标签中增加一个alt属性,当图片显示不出来时,起到提示的作用,比如:这是书房

6

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

注意事项

备注:网页上能插入的图片类型格式有:jpg(jpeg)、gig、png、bmp。

推荐信息