HTML的图像标签、目录文件夹、路径（相对路径、路径之绝对路径）

最新推荐文章于 2023-07-13 15:49:33 发布

想菲的鱼

最新推荐文章于 2023-07-13 15:49:33 发布

阅读量2k

点赞数 1

分类专栏： HTML 文章标签： servlet 开发语言 html5

本文链接：https://blog.csdn.net/m0_51796659/article/details/126738256

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

图像标签
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="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"/>
</body>

想菲的鱼

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML的图像标签、目录文件夹、路径（相对路径、路径之绝对路径）

HTML的图像标签(src、alt 、title、width、height、border 的介绍与使用)目录文件夹（根目录的介绍)、路径（相对路径( 图像文件位于HTML文件同一级、下一级、上一级路径如何操作) 、路径之绝对路径）
复制链接

扫一扫