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

 时间:2026-02-14 00:56:36

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

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

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

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

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

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

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

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

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

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

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

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

5、第五步:若要添加图片描述(作为该图片的提示信息),则添加alt属性

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

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

  • 如何在html中添加的图片上设置超链接
  • 怎样在html网页中插入视频
  • 在css中如何设置左浮动和右浮动?
  • html中的字体行间距怎么设置
  • css如何把文字放在图片上
  • 热门搜索
    我的世界命名牌怎么用 行李箱密码忘了怎么办 仵怎么读 大盘鸡的正宗做法 肝囊肿是怎么回事 湿疹是怎么引起的 投资回报率怎么算 hen怎么读 特殊符号怎么打出来 逯怎么读