HTML中图片的显示方式主要有两种：使用标签和使用background属性。
1. 使用![]()
标签
使用标签可以很方便地在HTML页面中嵌入图片。使用方法如下：
<img src="图片路径" alt="图片描述">
其中，src属性用于指定图片的路径，alt属性用于给图片添加描述。如果图片无法正常加载，alt属性的内容将会显示出来。
但是，标签只能够在其标签所在的位置上显示图片，无法对图片进行样式设置。如果需要对图片进行样式设置，需要在外部使用CSS样式表对其进行设置。
1.1 不使用CSS样式表设置![]()
标签样式
可以使用HTML的style属性来对标签进行样式设置，例如：
<img src="图片路径" alt="图片描述" style="width:200px; height:200px; border:1px solid black;">
其中，style属性用于指定标签的内联样式，width和height属性用于指定图片的宽度和高度，border属性用于指定图片的边框。
1.2 使用CSS样式表设置![]()
标签样式
可以使用CSS样式表来对标签进行样式设置，例如：
img {
width:200px;
height:200px;
border:1px solid black;
}
这段CSS代码中，首先使用了选择器img来选中所有标签，然后对其进行样式设置，包括宽度、高度和边框。
2. 使用background属性
除了使用标签外，还可以使用background属性在HTML页面中显示图片。使用方法如下：
body {
background: url(图片路径) no-repeat;
}
其中，url()函数用于指定图片的路径，no-repeat属性用于指定图片不进行重复显示。如果需要进行重复显示，可以使用repeat、repeat-x或repeat-y属性。
通过使用background属性，可以对图片进行更加灵活的样式设置，例如对其进行平铺或拉伸。
3. ![]()
标签和background属性的区别
使用标签和background属性都可以在HTML页面中显示图片，它们的区别如下：
显示位置不同：标签可以在其标签所在的位置上显示图片，而background属性可以在整个页面上显示图片。
文本和图片的混排方式不同：标签可以在文本中嵌入图片，而background属性只能够在页面上显示图片，无法与文本进行混排。
样式设置方式不同：标签需要使用内联样式或CSS样式表来进行样式设置，而background属性直接在CSS样式表中进行设置。
能够进行的样式设置不同：使用background属性可以对图片进行更加灵活的样式设置，例如对其进行平铺或拉伸。
4. 总结
通过对比标签和background属性的使用方式和特点，可以发现两者具有各自的优缺点。在实际开发中，需要根据具体的需求选择合适的方式来进行图片的显示和样式设置。