<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>img图片标签</title>
</head>
<!--
图片
image标签，行内元素，不会自动换行
必需属性
src 被引入的图片的地址
常用属性
title 当鼠标悬停在图片上时显示的文字
alt 当图片未找到时显示的文本
width 设置宽度 当只设置高度和宽度中的一个属性时，另外一个属性会默认等比变化。当两个属性都设置时则按照设置值拉伸
height 设置高度
borer 设置边框
align 规定如何根据文本来排列图像（了解就行）
-->
<body>
<!-- 本地图片 -->
<img src="./images/双子座.jpg" alt="双子座.jpg" width="200px" height="300">
<img src="./images/aaa.jpg" alt="">
<!-- 网络资源 -->
<a href="https://www.baidu.com" target="_blank">
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="" title="百度一你就知道">
</a>
<hr>
<div>
11111
<img src="./images/aaa.jpg" alt="" align="right">
22222
</div>
</body>
</html>