图像标签

图像标签

插入图像

  • 在 HTML 中，图像由 <img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签

  • 格式：

    <img src="path" alt="text" title="text" width="x" height="y"/>
    • src：图像的 URL 地址
    • alt：图像的替代文字。当浏览器无法载入图像时，浏览器将显示这个替代性的文本而不是图像
    • title：鼠标悬停提示文字
    • width：图像宽度
    • height：图像高度

背景图片

  • 可通过 <body> 标签的 background 属性设置网页的背景图片
  • 如果图像小于页面，图像会进行重复
<body background="C:\Windows\Web\Wallpaper\Windows\img0.jpg">

</body>

示例

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

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body background="C:\Windows\Web\Wallpaper\Windows\img0.jpg">
    <!-- 图像标签 -->
    <!-- 推荐使用相对路径 -->
    <img src="C:\Windows\Web\Wallpaper\Windows\imgX.jpg" alt="图像的替代文字" title="悬停文字" width="160" height="100" />
    <img src="C:\Windows\Web\Wallpaper\Windows\imgX_error.jpg" alt="图像的替代文字" title="悬停文字" width="" height="" />
</body>

</html>

posted @ 2022-09-02 13:03  TNTksals  阅读(71)  评论(0)  编辑  收藏  举报