html加图片代码怎么写的

在HTML（HyperText Markup Language，超文本标记语言）中，要插入图片，你需要使用<img>标签，这个标签是一个空标签，意味着它不包含结束标签，下面是一个基本的HTML图片代码示例，以及一些相关的属性和技巧。

这里是最基本的图片代码：

<img src="image.jpg" alt="描述文字" />

- src（source的缩写）属性指定图片的路径，它可以是相对路径、绝对路径或URL，在这个例子中，image.jpg是图片文件的名称，假设它位于与HTML文件相同的目录中。

- alt（alternative text的缩写）属性提供图片的替代文本，当图片由于某种原因无法显示时，这段文本将会显示，这对于搜索引擎优化（SEO）和提高网站的可访问性非常重要。

接下来，你可以使用width和height属性来指定图片的尺寸，这些属性可以是像素值或百分比。

<img src="image.jpg" alt="描述文字" width="500" height="300" />

这里，图片的宽度被设置为500像素，高度被设置为300像素，如果你不希望图片改变其原始尺寸，可以省略这些属性，或者使用style属性来设置CSS样式。

<img src="image.jpg" alt="描述文字" style="width: 100%; height: auto;" />

在这个例子中，图片的宽度被设置为100%，高度自动调整以保持图片的原始宽高比。

你还可以使用title属性为图片添加鼠标悬停时显示的额外信息：

<img src="image.jpg" alt="描述文字" title="鼠标悬停时显示的信息" />

为了提高网站的用户体验，你可以使用loading属性来控制图片的加载方式，你可以设置为eager（默认值）以立即加载图片，或者设置为lazy以延迟加载图片，直到用户滚动到图片位置。

<img src="image.jpg" alt="描述文字" loading="lazy" />

这有助于提高页面的加载速度，特别是当你的网站包含大量图片时。

HTML中插入图片是一个简单的过程，只需使用<img>标签并设置相应的属性，通过合理使用这些属性，你可以确保图片在网页上正确显示，同时提高网站的可访问性和性能。