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:高度

相关推荐
wljt几秒前
游标分页原理
java·前端·数据库
KeroroLX几秒前
uniapp项目中使用echarts
javascript·uni-app·echarts
weixin_456907418 分钟前
【html+Tss 故障排查】链20230304 最详细解析之像素已拉取,容器仍起不来(含命令清单)
前端·html
Ulyanov19 分钟前
基于Impress.js的3D概念地图设计与实现
开发语言·前端·javascript·3d·ecmascript
jiayong2320 分钟前
Vue 3 面试题 - TypeScript 与工程化
前端·vue.js·typescript
小白菜学前端23 分钟前
Git 推送 Vue 项目到远程仓库完整流程
前端·git
A南方故人24 分钟前
一个用于实时检测 web 应用更新的 JavaScript 库
开发语言·前端·javascript
悟能不能悟25 分钟前
postman怎么获取上一个接口执行完后的参数
前端·javascript·postman
小程故事多_8026 分钟前
穿透 AI 智能面纱:三大高危漏洞(RCE/SSRF/XSS)的攻防博弈与全生命周期防护
前端·人工智能·aigc·xss
koiy.cc28 分钟前
新建 vue3 项目
前端·vue.js