#新人打卡# 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如何把文字放在图片上
  • 热门搜索
    我的世界怎么做火把 直方图怎么看 短头发怎么扎 ikea怎么读 厚道的近义词 迷惑不解的近义词 指导思想怎么写 预防的近义词 发型屋 恼怒的近义词