HTML入门篇04.图片标签和超链接标签

大白菜·

已于 2022-08-22 20:52:47 修改

阅读量1.1k

点赞数 4

于 2022-08-08 16:54:58 首次发布

本文链接：https://blog.youkuaiyun.com/m0_62404129/article/details/126230334

版权

本文介绍了HTML中的图片标签<img>和超链接标签<a>的使用方法。图片标签包括src、alt、width和height属性，其中alt属性在图片加载失败时显示描述文字。超链接标签<a>的href属性用于指定跳转地址，target属性决定打开方式，如在当前页(_self)或新窗口(_blank)打开。此外，还讲解了锚点功能和空链接的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天来介绍一下图片标签和超链接标签

话不多说，那就直接来吧！！！

图片标签

< img src=” ” alt= “ ” width=” ”>

src 是引入图片的路径 ./（在同一目录下）或../（不在同目录下）

alt 是对图片的描述，当引入不成功时，显示文字

width 是设置图片宽度

hight 是设置图片高度

注意：一般情况不会同时设置宽高，防止出现变形：

设置一个宽或高，另一个设置自适应

代码为：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <!-- src是插入图片路径
        alt是当图片引入不成功时，对图片的描述
        width是对图片的宽进行设置
        hight是对图片的高进行设置 -->
    <img src="./img2.png" alt="图片2" width="200px">
    <img src="./img2.png" alt="图片2" width="100px">
    <img src="./img2.png" alt="图片2" width="100px" height="100px">
</body>
</html>

效果图为：