HTML-图像标签（img）

单词缩写: Image 图像
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签<img>以及和他相关的属性。其基本语法格式如下:
该语法中src属性用于指定图像文件的路径和文件名,他是img标签的必需属性。

<img src="图像Url">

img的标记属性

image.png

1、基本方式

image.png

<!-- 图片在同级目录 -->
<img src="donkey.jpg">

2、带alt的,在图片无法显示的时候alt的内容才会展示

image.png

<!-- 图片在同级目录 -->
<img src="" alt="这是我的头像">

3、带title的，鼠标指向显示的

image.png

<!-- 图片在同级目录 -->
<img src="donkey.jpg" title="donkey"><br/>

4、设置宽高的图片，宽或高设置一个，另一个会自动按比例适配

image.png

<img src="donkey.jpg" title="donkey" width="300"><br/>

5、设置带边框的图片

image.png

<img src="donkey.jpg" title="donkey" width="300" border="10"><br/>