html的图片路径代码该怎样写?

html-css06

html的图片路径代码该怎样写?,第1张

html的图片的各种路径代码

物理路径:假如你的图片在D盘的images文件下,文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>

相对路径:如果是网站的话,则为下面的:<img src="images/tupian.jpeg"/>

需要先建一个文件夹web,

该文件夹下有一个文件夹image和你的HTML网页文件index.html;

那么相对路径就是<image src=image/1.jpg>;

就是相对于你的HTML所在的文件夹为初始路径。

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

图片标签格式 :

<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文件夹,其他文件夹用两点表示