HTML基础02:图像标签

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>

在这里插入图片描述

网页效果

在这里插入图片描述

  • 图片效果以及悬停文字如上图显示
  1. 如果删除图片或者图片路径错误则显示图片名字
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/hhb442/article/details/107670336
今日推荐