#新人打卡# HTML5如何插入一张图片

1、第一步：打开HBuilder X，其他开发工具（如Notepad++,Dreamwever等)也可以，新建一夏蹲婶个HTML文件

2、第二步：若图片与html文件放在同一文件夹目录下，攀宙则直接在body内插入

<img src="文件名.jpg" />，如下图所示

3、第三步：若图片放在与html同一目芬拒录下的文件夹里，则在body内插入

<img src="文件夹名/文件名.jpg" />，如下图所示，其他文件放置方法以此类推，路径正确即可正常显示图片

4、第四步：保存html文件，在浏览器中打开即可看到插入的图片

5、第五步：若要添加图片描述（作为该图片的提示信息），则添加alt属性

<img src="文件名.jpg"  alt="要添加的文字描述"/>