html中插入图片的路径怎么找?举个例子

html-css06

html中插入图片的路径怎么找?举个例子,第1张

html网页图片的路径,可以鼠标右键点击图片,然后点击"检查"或者"审查元素",在控制台找到,下面详细介绍操作方法

1、以这个页面为例百度图片,对一个图片右键,然后检查元素

2、找到定位的元素,点击"检查"后图片的元素会变蓝

3、双击图片的地址选中并按ctrl+c复制

例如这个图片

<img class="main_img img-hover" data-imgurl="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3588772980,2454248748&ampfm=27&ampgp=0.jpg" src="data:image/jpegbase64,/9j/4AAQSkZJRgABAQAAAQABAA" style="background-color: rgb(195, 177, 157)width: 375pxheight: 211px">

加黑的部分就是地址。地址的后缀一般是.jpg或.png或.gif等。大部分地址都是这个src属性,但个别图片的src属性以data:image开头的话,它就不是一个地址了。

4、我们在浏览器地址栏输入图片的地址,可以看到图片加载出来了

图片标签格式 :

<img src="放图片地址(网络\本地)" alt=" ">

网络路径(绝对路径)

<img src="网络地址,png" alt=" ">

注 : 网络地址要联网,alt可写可不写,乱改网址的话图片会变成标识

本地路径(相对路径)

<img src="本地地址.jpg" alt=" ">

注 : alt可写可不写

1.html文件和图片文件在同一级目录下,那么直接使用图片作为引入名字就可以

2.<img src="img/kk.jpg" alt=""> 图片位于img文件夹下

3.<img src="../img/kk.jpg" alt=""> 图片位于多个文件夹下,则只显示图片位于的最小级img文件夹,其他文件夹用两点表示

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文件夹处同一目录也是网站的主目录下的写法。

扩展资料:

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

语言概述

在WWW上的一个超媒体文档称之为一个页面(page)。作为一个组织或个人在万维网上开始点的页面称为主页Homepage,或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Web)。

Web页面也就是通常所说的网页,在这里不作区分。