HTML图像标签

html文件:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<img src="../resources/image/01.jpg" alt="小狗图像" title="我是小金毛" width="300" height="300">
</body>
</html>

其中在图片存放的目录如下:

浏览器翻译如下:

注意:

idea中快捷键:body体中输入img然后按下tab键会自动补充如下(<img src="" alt="">)

各个属性含义如下:

src:图像地址

alt:图像的替代文字

title:鼠标悬停提示文字

width:宽度

height:高度

相关推荐
前端付豪几秒前
NodeJs 做了什么 Fundamentals Internals
前端·开源·node.js
爱分享的鱼鱼几秒前
Pinia 数据跨组件共享机制与生命周期详解
前端
张元清1 分钟前
大白话讲 React2Shell 漏洞:智能家居的语音助手危机
前端·javascript·react.js
wuhen_n2 分钟前
手写符合A+规范的Promise
前端
小明记账簿_微信小程序3 分钟前
一篇文章教会你接入Deepseek API
前端
boooooooom4 分钟前
手写高质量深拷贝:攻克循环引用、Symbol、WeakMap等核心难点
javascript·面试
Vespeng4 分钟前
我用 Cloudflare 搭建了一个“数字分身”
人工智能·html·产品
Irene19918 分钟前
使用 TypeScript 编写一个 Vue 3 模态框(Modal)组件
javascript·vue.js·typescript
若凡SEO12 分钟前
深圳优势产业(电子 / 机械)出海独立站运营白皮书
大数据·前端·搜索引擎
踢球的打工仔13 分钟前
typescript-void和never
前端·javascript·typescript