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

 时间:2026-04-27 18:25:37

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如何把文字放在图片上
  • 热门搜索
    宝宝喉咙有痰怎么办 怎么在京东商城开网店 夺目的近义词 宝宝发型男孩 一日三餐怎么吃 唯品会的东西怎么样 婴儿呛奶怎么办 数落的近义词 近义词辨析 火麻油怎么吃