HTML图像标签

最新推荐文章于 2024-03-31 09:22:00 发布

代码别跑

最新推荐文章于 2024-03-31 09:22:00 发布

阅读量355

点赞数 1

分类专栏： html5学习文章标签： html 笔记

本文链接：https://blog.csdn.net/weixin_74381881/article/details/131063046

版权

html5学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、基本格式

<img src="路径" />

2、src属性

必须属性，用于指定图像路径

1、相对路径

1、同一级路径

back.jpg与hh.html同处于练习文件夹中，back.jpg相对于hh.html属于同一级路径。

2、下一级路径

hh.html与images文件夹处于同一级。back.jpg图片在images文件夹中，相对hh.html属于下一级路径。用images/找到下一级。

3、上一级路径

html文件与back.jpg处于同一级。hh.html在html文件中，back.jpg相对hh.html是上一级文件，用../找到上一级。

2、绝对路径

绝对路径是文件在电脑的绝对位置，一般来说，对于每台电脑不一样，所有，一般都使用相对路径。

3、alt属性

当图像不能显示如图像路径不对时，替换文本。

4、title属性

当鼠标置于图像上时，显示文本。

5、width和height属性

用于设置图像的长和宽。

<!DOCTYPE html>
<html lang="ch-ZN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="back.jpg" title="你放鼠标，我就显示" width="500" height="250"/>
</body>

</html>

6、border属性

用于设置图像的边框,属性值边框像素

代码别跑

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
HTML图像标签

hh.html与images文件夹处于同一级。back.jpg图片在images文件夹中，相对hh.html属于下一级路径。html文件与back.jpg处于同一级。hh.html在html文件中，back.jpg相对hh.html是上一级文件，用。back.jpg与hh.html同处于练习文件夹中，back.jpg相对于hh.html属于同一级路径。绝对路径是文件在电脑的绝对位置，一般来说，对于每台电脑不一样，所有，一般都使用相对路径。当图像不能显示如图像路径不对时，替换文本。用于设置图像的长和宽。
复制链接

扫一扫