#今日说码栏目#第二集图片路径超链接

最新推荐文章于 2024-11-08 22:13:17 发布

房东的_猪

最新推荐文章于 2024-11-08 22:13:17 发布

阅读量111

点赞数

文章标签：前端 html5

本文链接：https://blog.csdn.net/abner_/article/details/125618999

版权

1、图片标签的路径

<img="图片的路径" title="当鼠标光标放到图片上时，会出现一段对图片解释的文字" alt="当加载图片时如果失败了，网页会出现一段提示文字">

<!DOCTYPE html>
<html lang="en">

<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="1 (1).jpg" alt="愣着干嘛？刷新一下网页页面啊！" title="这张图片推荐你设置为电脑桌面背景">

</body>

</html>

如下图1所示：

图1

（注：福利，有需要可以保存）

<!DOCTYPE html>
<html lang="en">

<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="1 (1).jpg" alt="愣着干嘛？刷新一下网页页面啊！" title="这张图片推荐你设置为电脑桌面背景">
    <img src="1 (1).jpg" width="200" height="100">
    <img src="1 (1).jpg" width="100">
    <!--如果只输入横向的宽度，长度也会等比例的放大或缩小-->

</body>

</html>

如下图2所示：

图2

2、超链接标签

<!DOCTYPE html>
<html lang="en">

<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>
    <!-- <a href="https://www.baidu.com/" title="鼠标悬停上去之后的提示信息" target="规定在何处打开文档">百度一下哈</a> -->
    <a href="https://www.baidu.com/" title="百度的链接口" target="black">百度一下哈</a>

</body>

</html>

如下图3所示：