图片 - HTML

HTML是用于创建网页的标记语言，它可以使用元素来插入图片。该元素有一个“src”属性，指定图片的URL地址。

插入图片

基本语法

<img src="url">

例子

<img src="https://picsum.photos/200">

在这个例子中，我们使用了一个由Lorem Picsum提供的虚拟图片服务（https://picsum.photos/）。该服务会提供一个指定大小的随机图片。在这种情况下，我们插入了一个200x200像素的图片。

指定图片大小

如果你想让图片以指定的尺寸显示，可以使用“width”和“height”属性。

基本语法

<img src="url" width="number" height="number">

例子

<img src="https://picsum.photos/200" width="100" height="100">

在这个例子中，我们将宽度和高度设置为100像素，这会使图片变小。

指定图片替代文本

在某些情况下，可能无法显示图片，因此我们需要提供一段替代文本。此外，这也是一种无障碍手段，因为屏幕阅读器可以朗读替代文本。

基本语法

<img src="url" alt="text">

例子

<img src="https://picsum.photos/200" alt="Random image from Lorem Picsum">

在这个例子中，我们为该图片提供了一个替代文本，以便在加载失败时显示。