图像标签

图像标签

插入图像

  • 在 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 @   TNTksals  阅读(78)  评论(0)  编辑  收藏  举报
相关博文：
·  网页基本标签
·  什么是HTML？
·  HTML（六）：图像标签
·  HTML：图像
·  图像标签源属性显示到网页中
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手