前端学习-HTML与CSS-图片标签img

一、示例

1.代码

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    img{
      width: 600px;
    }
  </style>
</head>
<body>
  

  <img src="./image/01DAOJIAN.jpg" alt="刀剑神域" title="亚丝娜">


</body>
</html>

2.效果

二、说明

1.src属性

可以是绝对路径,也可以是相对路径

2.alt属性

当图片加载失败后的替换文本

3.title属性

鼠标停放在图片上的悬停文本

相关推荐
IT_陈寒37 分钟前
Redis的DEL命令竟然没删掉数据?我踩的这个坑你得知道
前端·人工智能·后端
anOnion38 分钟前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计
JavaGuide1 小时前
我用 Claude Code/ZCode+GLM-5.3 从零做了一款 Agent 游戏!
前端·后端
Eason_Lou1 小时前
vue flow使用注意事项
前端·vue.js
启雀AI1 小时前
培训平台移动端离线学习方案设计与实现:视频缓存、断点续传与进度同步的工程实践
android·学习·缓存·音视频·企业lms
小赵同学WoW2 小时前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
six_2 小时前
C# 上位机(持续更新中)
前端·面试·c#
风雨_2 小时前
Git Worktree sourcetree完整使用指南
前端
半个落月2 小时前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js
用户921080262862 小时前
ChatComposer 输入区改造:基于技能市场实现 Agent 输入框
前端