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

相关推荐
风骏时光牛马7 分钟前
# Ruby基于Rails框架实现多角色权限管理与数据分页查询完整实战代码案例
前端
米丘8 分钟前
微前端之 Web Components 完全指南
微服务·html
weedsfly9 分钟前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
xiaodaoluanzha14 分钟前
迄今為止,最簡單的編程語言 Nolang
前端·后端
Csvn15 分钟前
Fetch 请求竞态终结者:AbortController 不只是用来"取消"的
前端
阡陌Jony16 分钟前
关于前端路由中的参数问题的学习(一): params,query, hash(#)
前端
阡陌Jony18 分钟前
缓存相关学习笔记(一):Service Worker 缓存
前端
假如让我当三天老蒯20 分钟前
前端跨域解决方案(学习用)
前端·javascript·面试
阡陌Jony21 分钟前
关于前端路由中的参数问题的学习(二)
前端
IT_陈寒1 小时前
SpringBoot自动配置这个坑,我踩进去又爬出来了
前端·人工智能·后端