前端学习-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属性

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

相关推荐
jiayu20 分钟前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu21 分钟前
Angular6学习笔记13:HTTP(3)
前端
小码哥_常24 分钟前
Kotlin抽象类与接口:相爱相杀的编程“CP”
前端
evelynlab25 分钟前
Tapable学习
前端
LeeYaMaster39 分钟前
15个例子熟练异步框架 Zone.js
前端·angular.js
evelynlab42 分钟前
打包原理
前端
拳打南山敬老院1 小时前
Context 不是压缩出来的,而是设计出来的
前端·后端·aigc
用户3076752811272 小时前
💡 从"傻等"到"流淌":我在AI项目中实现流式输出的血泪史(附真实代码+深度解析)
前端
bluceli2 小时前
前端性能优化实战指南:让你的网页飞起来
前端·性能优化
SuperEugene2 小时前
Vue状态管理扫盲篇:如何设计一个合理的全局状态树 | 用户、权限、字典、布局配置
前端·vue.js·面试