4、图像标签

最新推荐文章于 2023-12-31 01:38:17 发布

肆悟先生

最新推荐文章于 2023-12-31 01:38:17 发布

阅读量195

点赞数

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

本文链接：https://blog.csdn.net/nytcjsjboss/article/details/133394860

版权

HTML 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

本文介绍了网页中常见的图片格式如JPG,PNG,GIF，并详细讲解了HTMLimg标签的结构，包括src（图像地址）、alt（替代文字）、title（鼠标悬停提示）以及width和height属性的使用示例。

摘要由CSDN通过智能技术生成

4、图像标签

图像标签主要解决的是如何在网页中放一个图像

一、常见图片格式

网页中用的最多的图片格式是JPG、PNG、GIF

二、图像标签

img

<img src="path" alt="text" title="text" width="x" height="y"/>
<!--
src（必填）：图像地址（必填项，代表图片的路径，绝对路径、相对路径）
alt（必填）：图像的替代文字：图片加载失败页面显示的文字
title：鼠标悬停提示文字
width：图像宽度
height：图像高度
-->

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--img学习
src：图片地址
     相对地址：“../”代表上一级目录，如果是当前目录下一级目录可以直接写即可
     绝对地址：一般不推荐使用绝对路径
alt：图片加载失败页面显示的文字
title：鼠标悬停提示文字
-->
<img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300">
</body>
</html>