HTML图像标签
本博客为总结视频学习笔记,博客中部分图片引用视频PPT中图片
原视频出处:B站
原视频作者:狂神
原视频地址:https://www.bilibili.com/video/BV1x4411V75C?p=4
图像标签学习
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签学习</title>
</head>
<body>
<!--img标签学习
src:图片地址
相对地址,绝对地址
../ 代表上一级目录
alt: 图片名字(必填)
title: 悬停文字
width:图片宽度
height:图片高度
-->
<img src="../resource/image/1.png" alt="人物头像" title="悬停文字" width="500" height="350">
</body>
</html>
网页效果
- 图片效果以及悬停文字如上图显示
- 如果删除图片或者图片路径错误则显示图片名字