图像标签和路径

图像标签定义及使用说明

<img> 标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性:src 和 alt。
 

注释:

从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。

<img> 标签的作用是为被引用的图像创建占位符。
 

提示:

通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接。

实例:

<img src="img.jpg" alt="Smiley face" width="42" height="42">

路径 

每个网站的图片都会非常的多,通常我们会建立一个文件夹来存放这些图像文件,这个时候我们在要查找图片就要通过路径的方式来指定图片的文件的位置。

分类

1.相对路径:以引用文件所在的位置为参考基础,而建立出的目录路径,也就是所示图片相对于HTML页面的位置

同一级路径

<img src="img.jpg"/>

下一级路径

<img src="imges/img.jpg"/>

上一级路径

<img src="../img.jpg"/>

2.绝对路径:是指目录下的绝对位置,通常是从盘符开始的路径

例如:C:\Users\Jason\Desktop 或完整的网络地址:http://www.baidu.com

<img src="C:\Users\Jason\Desktop\HTML练习\img.jpg"/>
<a href="http://www.qq.com" target="_blank">腾讯</a>
发布了133 篇原创文章 · 获赞 70 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/whc888666/article/details/103115015