#新人打卡# 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如何把文字放在图片上
  • 热门搜索
    关于鸟的手抄报 关于科技的手抄报内容 中秋节的手抄报简单又漂亮 传染病手抄报图片简单 文明礼仪手抄报诗歌 反对校园暴力手抄报 我爱老师手抄报 国庆节 手抄报 圣诞节英文手抄报 安全手抄报版面设计图