html引用本地图片路径的方法
作者:wanrong发布时间:2021年03月04日 16:06

  我们在制作网页的时候,里边会包含一些文字和图片等等,我们需要在html中把一些图片和文字穿插进去,这个时候我们就要编写代码来引用本地的图片啦,那么html引用本地图片路径的时候用什么代码表示可以引用本地图片呢?

  

  今天我就来跟小伙伴们分享一下关于html引用本地图片路径的具体操作步骤,步骤详情就在下方,小伙伴们快来认真的看一看吧,一定要牢记图片的代码是什么呀!

  

  1、首先,我们打开html编辑器,【新建】html文件,例如:index.html,这个就是我创建的html,(如下图红色箭头指向所示)。

  

  2、然后,在index.html中的标签中,输入html代码:,(如下图红色箭头指向所示)添加这个代码,最后,使用浏览器运行index.html页面就可以看到本地的图片引用到html页面中了。

  

  以上的2步操作步骤就是html引用本地图片路径的具体操作步骤,2步就能教会大家,你说步骤简单不简单呢,只需要在图片相对应的位置输入正确的代码就可以成功的引用本地的图片了。学会了这个也是学会图片相对路径的基础,如果想熟练的掌握这个操作步骤可以在课下尝试多操作几次,这样才可以掌握的更牢固。

  

  本篇文章使用以下硬件型号:联想小新Air15;系统版本:win10;软件版本:HTML 5。

点击观看视频教程
HTML-第一个HTML
新手入门24653人已学视频时长:07:19
立即学习
特别声明:以上文章内容仅代表作者wanrong本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证