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

 时间:2024-10-14 01:16:32

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如何把文字放在图片上
  • 热门搜索
    新年手抄报图片大全 防控疫情手抄报内容 关于马的手抄报 消防手抄报图片大全 手抄报图片大全5年级 吸烟有害健康的手抄报 普通话手抄报简单 我与祖国共成长手抄报 防止溺水手抄报 劳动节手抄报内容