HTML图像标签

最新推荐文章于 2023-06-11 23:59:49 发布

约瑟芬儿

最新推荐文章于 2023-06-11 23:59:49 发布

阅读量84

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qishi45/article/details/116750170

版权

html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--
常见的图像格式：
  JPG
  GIF
  PNG
  BMP
  ....
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--
img标签学习：
src：图片地址（相对地址，绝对地址）
../ 表示上一级目录

C:\Users\gugu\Desktop\HTML\html\3.图像标签.html  （此为绝对路径）

../resources/image/1.jpg        （此为相对路径）
-->

<img src="../resources/image/1.jpg" alt="JOJO图片" title="1-6代的JOJO">
<br/>
<img src="../resources/image/2.jpg" alt="JOJO图片" title="简·皮耶尔·波鲁纳雷夫" width="400" height="500">
<!--alt的作用是,如果找不到图片,无法加载,便会在网页中显示写入的文字来替代-->
<!--title的作用是悬停文字,当鼠标悬停在图片上时,会显示title中输入的内容-->
<!--width:设置图片的宽度 -->
<!--height:设置图片的高度 -->
<!--src与alt为必填项,其余为选填项-->

</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

约瑟芬儿

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML图像标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签学习</title></head><body><!--img标签学习：src：图片地址（相对地址，绝对地址）../ 表示上一
复制链接

扫一扫