📅  最后修改于: 2023-12-03 15:37:16.811000             🧑  作者: Mango
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">
在这个例子中,我们为该图片提供了一个替代文本,以便在加载失败时显示。