【HTML】图片标签

`moon`晓龙

已于 2023-08-22 21:22:27 修改

阅读量119

点赞数 1

分类专栏： html 文章标签： html

于 2021-03-23 22:29:14 首次发布

本文链接：https://blog.csdn.net/MY9_19/article/details/115148416

版权

html 专栏收录该内容

13 篇文章 4 订阅

订阅专栏

图片标签

标签：<img src="" alt="">

属性：

src 图片的路径
alt 如果图片不能正常显示，则会显示alt的内容
title 如果鼠标在图片上悬停，会跳出来的提示，这个不是图片专属，除了br，其他都可以设置
width 设置图片的宽度(宽度和高度设置一个会等比例缩放，如果都设置，则绝对缩放)
height 设置图片的高度(一般和宽度只设置一个)

src路径查找：

绝对路径

1、网址：可以在网站直接复制

2、盘符：在本地磁盘的某一个具体的角落

相对路径

1、平级：直接写图片的名字

2、上一级：在前面加../

3、下一级：在前面加/

Html示例：
<body>
 
 <img src="2.jpg" alt="如果图片不显示，则显示我" title="鼠标停在图片上，显示我" width="400px">
    
 
 <img src="../web_Day0309/resource/images/1.jpg" alt="">
 
 
 <img src="/resource/images/1.jpg" alt="">
</body>

src	图片的路径
alt	如果图片不能正常显示，则会显示alt的内容
title	如果鼠标在图片上悬停，会跳出来的提示，这个不是图片专属，除了br，其他都可以设置
width	设置图片的宽度(宽度和高度设置一个会等比例缩放，如果都设置，则绝对缩放)
height	设置图片的高度(一般和宽度只设置一个)

`moon`晓龙

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【HTML】图片标签

图片标签标签：<img src="" alt="">属性：src图片的路径alt如果图片不能正常显示，则会显示alt的内容title如果鼠标在图片上悬停，会跳出来的提示，这个不是图片专属，除了br，其他都可以设置width设置图片的宽度(宽度和高度设置一个会等比例缩放，如果都设置，则绝对缩放)height设置图片的高度(一般和宽度只设置一个)src路径查找：绝对路径1、网址：可以在网站直接复制2、盘符：在本地磁盘的某一个具体
复制链接

扫一扫

专栏目录