图像标签
1.在HTML标签中,<img>标签用于定义HTML页面中的图像
<img src="图像URL"/>
src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。
所谓属性:简单理解就是这个图像标签的特性。
src 图片路径 必须属性
alt 文本 替换文本,图像不能显示时,显示文字
title 文本 提示文本,鼠标放到图像上,显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
<body><h1>图像标签的使用:</h1><img src="img.jpg" width="1500" border="15" /><h1> alt 替换文本 图像显示不出来的时候用文字替换:</h1><img src="img1.jpg" alt="我是想菲的鱼"/><h1> title 提示文本 鼠标经过图像显示出来的文字:</h1><img src="img.jpg" title="我是想菲的鱼" height="1500" border="15"/></body>
注意:width 和height不一起用
目录文件夹:就是普通的文件夹,里面只不过存放了我们做页面所需要的相
关素材,比如html文件、图片
根目录:打开目录文件夹的第一层就是根目录
路径:
页面中的图片非常多,通常我们会新建一个文件夹来存放这些图形文件(images),
这时再查找图像文件(images),这时再查找图像,就需要采用“路径”的方式来
指定图像文件的位置。
路径可以分成:
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径
相对路径分类 符号 说明
同一级路径 图像文件位于HTML文件同一级,如<img src="baidu.gif"/>
下一级路径 / 图像文件位于HTML文件下一级,如<img src="images/baidu.gif"/>
上一级路径 ../ 图像文件位于HTML文件上一级,如<img src="../baidu.gif"/>
路径之绝对路径
绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径
例如:C:\Users\158\Desktop\前端基础HTML\案例\img.jpg
或完整网站地址
<body><img src="C:\Users\158\Desktop\前端基础HTML\案例\img.jpg" height="700"/><img src="/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"/></body>
如果觉得《HTML的图像标签 目录文件夹 路径(相对路径 路径之绝对路径)》对你有帮助,请点赞、收藏,并留下你的观点哦!