网页插入图片的方法

 时间:2026-02-14 01:57:51

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

网页插入图片的方法

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

网页插入图片的方法

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

<h2>古典气派的书房</h2>

<img src="书房.JPG"  />

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

网页插入图片的方法

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

网页插入图片的方法

5、也可以在<img src="书房.JPG"  />标签中增加一个alt属性,当图片显示不出来时,起到提示的作用,比如:<img src="书房1.JPG"  alt="这是书房"/>

网页插入图片的方法

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

网页插入图片的方法

  • html首行缩进怎么设置
  • HTML网页怎么设置圆角边框
  • HTML怎么实现网页跳转
  • 实现整个html居中最简单方法
  • HTML代码如何去除超链接的下划线
  • 热门搜索
    光遇怎么加好友 一嗨租车怎么样 炒河粉的做法大全 松仁玉米的做法大全 怎么瘦腿 泥鳅怎么做好吃 restaurant怎么读 花儿乐队为什么解散 word文档怎么排版 猪蹄怎么炖好吃