首页  >  文章  >  web前端  >  html中怎么加img路径

html中怎么加img路径

青灯夜游
青灯夜游原创
2021-02-26 10:44:5912663浏览

在html中的img标签中,可以利用“src”属性来添加img图片路径,它用于指定图像的URL,语法“2560ca306c0e6f70e1c454ed135459c1”。URL可以是相对路径,例“../image/*jpg/”;也可是绝对路径,即指向图片文件的完整URL。

html中怎么加img路径

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML a1f02c36ba31691bcfe87b2722de723b标签

a1f02c36ba31691bcfe87b2722de723b 标签定义 HTML 页面中的图像。

注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。a1f02c36ba31691bcfe87b2722de723b 标签的作用是为被引用的图像创建占位符。

HTML a1f02c36ba31691bcfe87b2722de723b src 属性

img 标签的 src 属性是必需的。它规定图像的 URL。

语法

<img src="URL">

注意:当一个网页加载时,浏览器从 Web 服务器上获取图像,并把它插入到页面中。因此,确保图像与相关的网页在同一点,否则访问者可能会得到一个损坏的链接图标。如果浏览器找不到图像时,会显示损坏的链接图标。

【推荐教程:《html视频教程》】

HTML中dbd7d3a949a2f321fd4a8c3796ef6aed图片路径的使用方式

1、*html文件跟*.jpg文件(f盘)在不同目录下:

<img src="file:///f:/*jpg" width="300" height="120"/>

2、*.html文件跟*.jpg图片在相同目录下:

<img src=".jpg" width="300" height="120"/>

3、*.html文件跟*.jpg图片在不同目录下:

a、图片*.jpg在image文件夹中,*html跟image在同一目录下:

 <img src="image/*jpg/"width="300" height="120"/>

b、图片*jpg在image文件夹中,*html在connage文件夹中,image跟connage在同一目录下:

<img src="../image/*jpg/"width="300" height="120"/>

4、如果图片来源于网络,那么写绝对路径:

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

扩展资料:

绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符(根目录)开始的路径。

完整的描述文件位置的路径就是绝对路径,以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个目录或文件的路径,由一系列连续的目录组成,中间用斜线分隔,直到要指定的目录或文件,路径中的最后一个名称即为要指向的目录或文件。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

//绝对路径,指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。HTML绝对路径(absolute path)指带域名的文件的完整路径。

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:
<img src="/images/picture.jpg" alt="flower">

更多编程相关知识,请访问:编程视频!!

以上是html中怎么加img路径的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn