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

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

相关推荐
|晴 天|几秒前
前端安全入门:XSS 与 CSRF 的攻与防
前端·安全·xss
黛色正浓1 分钟前
【React】ReactRouter记账本案例实现
前端·react.js·前端框架
可爱又迷人的反派角色“yang”2 分钟前
Mysql数据库(一)
运维·服务器·前端·网络·数据库·mysql·nginx
Aerelin2 分钟前
爬虫图片采集(自动化)
开发语言·前端·javascript·爬虫·python·html
Highcharts.js2 分钟前
Renko Charts|金融图表之“砖形图”
java·前端·javascript·金融·highcharts·砖型图·砖形图
Francek Chen2 分钟前
Francek Chen 的730天创作纪念日
大数据·人工智能·学习·程序人生·创作纪念日
含若飞3 分钟前
列表弹窗实现方案整理
前端·javascript·vue.js
Lynnxiaowen3 分钟前
今天我们开始学习Docker概述与安装
linux·学习·docker·容器·云计算
EB_Coder5 分钟前
2025前端面试题-JavaScript基础篇
前端·javascript·面试
shaohaoyongchuang8 分钟前
vue_05axios
前端·javascript·vue.js