1、首先，打开html编辑器，新建1个.html文件，例如：index.html。
2、在index.html中的<body>与</body>中，输入html编码：<img src="img/image.jpg" />。
3、之后浏览器进到index.html页面，此时发现页面成功引入了上一级文件夹img中的图片文件image.jpg。
html的图片的各种路径代码
物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>
相对路径：如果是网站的话，则为下面的：<img src="images/tupian.jpeg"/>
这个为html文件和images同一目录的写法：<img src="tupian.jpeg"/>
这个为图片和html文件同一目录的写法:<img src="../images/tupian.jpeg"/>
这种为html所在文件夹和images文件夹处同一目录也是网站的主目录下的写法。
扩展资料：
超文本标记语言，一种标准通用标记语言的应用。“超文本”意味着一个页面可以包含图像、链接，甚至非文本元素，如音乐和程序。
HTML的结构包括一个“标题”部分（英文：标题），它提供了网页的信息，以及一个“正文”部分（英文：正文），它提供了网页的具体内容。
语言概述
WWW上的超媒体文档称为页面。万维网上作为组织或个人起点的页面称为主页（Homepage）或主页（The Homepage），通常包含指向其他相关页面或其他节点（超链接）的指针。一个有机的页面集合，逻辑上被认为是一个整体，称为网站（网站或Web）。
网页，也称为网页，这里不区分。
以img标签来开头，在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。
在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。
同时在HTML中，<img>标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。
示例：<img src="文件路径/图片名称">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）