html怎么显示图片

HTML中图片的显示方法

在HTML中，我们可以通过使用<img>标签来显示图片。<img>标签是一个通用的图像标签，可以用于显示任何类型的图像，包括GIF、JPEG、PNG等。

1、基本用法

在HTML中使用<img>标签的基本语法如下：

<img src="图片地址" alt="替代文本">

src属性用于指定图片的URL或文件路径，alt属性用于提供图片无法显示时的替代文本。

如果我们有一个名为"example.jpg"的图片文件，我们可以这样显示它：

<img src="example.jpg" alt="示例图片">

2、显示本地图片

如果你的图片位于你的网站的本地文件夹中，你可以直接使用文件路径来显示它，如果你的图片位于与你的HTML文件相同的目录中，你可以这样显示它：

<img src="example.jpg" alt="示例图片">

3、显示网络图片

如果你想显示网络上的图片，你可以使用图片的URL，如果图片在网络上的一个网站上，你可以这样显示它：

<img src="http://www.example.com/example.jpg" alt="示例图片">

4、调整图片大小和边距

你可以使用width和height属性来调整图片的大小，使用border属性来调整图片的边距。

<img src="example.jpg" alt="示例图片" width="200" height="200" border="5">

常见问题与解答

问题1：我如何在HTML中插入多张图片？

答：你可以在HTML中使用多个<img>标签来插入多张图片，每个<img>标签都代表一张图片。

<img src="example1.jpg" alt="示例图片1">
<img src="example2.jpg" alt="示例图片2">
<img src="example3.jpg" alt="示例图片3">

问题2：我如何在HTML中旋转图片？

答：你可以使用CSS的transform: rotate()属性来旋转图片。

<style>
img {
    transform: rotate(90deg); /* 将图片旋转90度 */
}
</style>
<img src="example.jpg" alt="示例图片">