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

相关推荐
伟笑6 分钟前
React 的常用钩子函数在Vue中是如何设计体现出来的。
前端·react.js
Sapphire~25 分钟前
重学前端003 --- CSS 颜色
前端·css
慧一居士25 分钟前
CSS和CSS3区别对比
前端·css3
我血条子呢26 分钟前
动态组件和插槽
前端·javascript·vue.js
中微子34 分钟前
RESTful架构与前后端路由演进:构建现代化Web应用的核心规范
前端
前端付豪34 分钟前
13、表格系统架构:列配置、嵌套数据、复杂交互
前端·javascript·架构
南屿im40 分钟前
发布订阅模式和观察者模式傻傻分不清?一文搞懂两大设计模式
前端·javascript
I_have_a_lemon41 分钟前
前端、产品、设计师神器推荐——Onlook
前端·cursor
前端小巷子41 分钟前
深入解析CSRF攻击
前端·安全·面试
JustHappy42 分钟前
SPA?MPA?有啥关系?有啥区别?聊一聊页面形态 or 路由模式
前端·javascript·架构