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

相关推荐
King of fraud几秒前
HTML 页面的 CSS 选择器详解
前端·css·html
前端 贾公子2 分钟前
Milvus使用指南 (下)
java·服务器·前端
用户542778485154015 分钟前
浏览器后台休眠节流
前端
蜡台16 分钟前
Vue 3 原生 ESM 开发实战:不用打包工具,从零搭建组件化应用
前端·javascript·vue.js·html
我的div丢了肿么办20 分钟前
grid布局justify-items和align-items、justify-content和align-content
前端·css
用户2986985301420 分钟前
在 React 中使用 JavaScript 将 HTML 转换为图片
javascript·react.js·html
寻缘千鹤22 分钟前
LogicFlow流程图 PNG 导出「线上按钮置灰、无反应」故障复盘
前端·javascript·vue.js
梨想橙汁26 分钟前
Vite 优化、踩坑汇总 + Webpack 迁移 Vite 实战
前端·webpack·vite
10share28 分钟前
给 JSX 组件也来一份 Vue 式 scoped:jsx-scoped 让样式隔离不再靠自觉
前端·vue.js
小聪70829 分钟前
elpis-core 领域模型驱动设计解析
前端