首页 > 其他分享 >图像标签

图像标签

时间:2022-09-02 13:11:39浏览次数:56  
标签:文字 浏览器 标签 图像 背景图片 属性

图像标签

插入图像

  • 在 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>

标签:文字,浏览器,标签,图像,背景图片,属性
From: https://www.cnblogs.com/TNTksals/p/16649475.html

相关文章