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 分钟前
前端多环境自动化部署实战:GitHub Actions + Azure Blob + Cloudflare
前端·自动化·github
香香爱编程7 分钟前
vue3自定义顶部弹窗
前端·javascript·vue.js
weelinking18 分钟前
【产品】10_搭建前端框架——把你的原型变成真实页面
java·大数据·前端·数据库·人工智能·python·前端框架
蜡台18 分钟前
Vue Echart 的 **高阶组件化** 封装思路
前端·javascript·vue.js·echarts
xuankuxiaoyao19 分钟前
vue.js 路由第二篇
前端·javascript·vue.js
一 乐19 分钟前
图书电子商务网站系统|基于SprinBoot+vue图书电子商务网站设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·图书电子商务网站系统
weifengma-wish20 分钟前
通过NPM安装claude code
前端·npm·node.js
yaoxin52112321 分钟前
421. Java 日期时间 API - 包结构 & 方法命名规范
java·前端·python
叫我少年23 分钟前
ASP.NET Core Razor 语法简述
前端
开开心心就好26 分钟前
解决图片无页码添加功能的实用工具
javascript·python·安全·智能手机·pdf·音视频·1024程序员节