HTML基础——图像标签（img标签）

最新推荐文章于 2025-02-18 21:19:12 发布

Ariel_欢

最新推荐文章于 2025-02-18 21:19:12 发布

阅读量3.1w

点赞数 19

分类专栏： B/S # HTML学习

本文链接：https://blog.youkuaiyun.com/Ginny97/article/details/112408858

版权

一、思维导图：

二、img标签语法结构

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>img标签</title>
</head>
<body>

	①    <img src="花花.jpg" />

	②    <img src="花花.jpg" width=" 100">

	③     <img src="花花.jpg" height=" 178">

	④     <img src="花花.jpg" width=" 200" title="这是华晨宇">
	<!--alt属性：图像的替代文字-->
	⑤    <img src="huahua.jpg" width="100" alt="对不起，你需要查看的图片不见了" />
</body>
</html>

代码说明：

    1、img标签中的img其实是英文image的缩写，所以 img标签的作用，就是告诉浏览器我们需要显示一张图片。

    2、img标签格式：<img src="">

     其实img标签中的src是英文source的缩写，所以img标签中的src就是用来告诉img标签，需要显示的图片