在HTML中显示图片是一项基础且重要的功能，能够让网页更加生动和直观。主要通过``标签来实现这一功能。
引入图片
在HTML中，你可以使用以下代码引入一张图片：
- `src` 属性：指定图片的路径。这个路径可以是相对路径，也可以是绝对路径。
- `alt` 属性：替代文本属性，用于描述图片的内容。如果图片无法显示，将展示这段描述信息。这对于提高网页的无障碍性非常有帮助。
调整尺寸
你可以使用以下属性来调整图片的尺寸：
- `width`：设置图片的宽度，可以是像素（px）或百分比（%）。
- `height`：设置图片的高度，同样可以是像素或百分比。
注意：尽量只设置宽或高中的一个，让图片保持原始的宽高比。如果同时指定宽高，可能会导致图片变形。
排版与布局
图片与其他HTML元素一样，可以使用CSS来进行排版和布局。例如，你可以设置图片的边距（margin）、内边距（padding）、边框（border）等。
响应式图片
为了在不同设备和屏幕尺寸下都能良好地显示图片，可以使用CSS的媒体查询或者HTML的`
在这个例子中，会根据屏幕宽度加载不同尺寸的图片。
总结
在HTML中显示图片是一项基础技能，通过合理使用各种属性和元素，可以让你制作的网页更具有吸引力和可用性。同时，考虑到网站的性能和用户体验，建议对图片进行优化，并选择合适的加载策略。这样，既能确保网页的加载速度，也能为用户带来更好的浏览体验。