html文件夹中的图片怎么显示在当前页面中?

html-css07

html文件夹中的图片怎么显示在当前页面中?,第1张

以img标签来开头,在网页的主体部分(即HTML的<body>部分)找到你想要插入图片的位置。

在这里写下<img>标签。这是一个空标签,创建的是被引用图像的占位空间。

同时在HTML中,<img>标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。

示例:<img src="文件路径/图片名称">

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)。

网页,也称为网页,这里不区分。