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

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

相关推荐
梨子同志43 分钟前
常用命令
前端
梨子同志1 小时前
React 状态管理
前端
Dxy12393102161 小时前
MySQL索引完整教程:创建、查看、修改、删除与日常管理
前端·javascript·mysql
剪刀石头布啊2 小时前
js能被遍历的集合有哪些特征,为何能被遍历
前端
剪刀石头布啊2 小时前
js解构
前端
剪刀石头布啊2 小时前
防抖功能的逐步递进
前端
剪刀石头布啊2 小时前
对象的大小比较与面向对象思考
前端
最爱老式锅包肉4 小时前
《HarmonyOS技术精讲-ArkWeb》桥接两岸:JSBridge原生与Web互调
前端·华为·harmonyos
IT_陈寒5 小时前
闭包陷阱让我加了两天班,JavaScript你真行
前端·人工智能·后端
茯苓gao5 小时前
嵌入式开发笔记:CANopen相关移位运算与通信协议术语详解
网络·嵌入式硬件·学习·信息与通信