Images

Raw Image

效果源码

![](./images/ZoomOut_ZH-CN4471982075_1920x1080.jpeg)

Image With Link

效果源码

[![](./images/ZoomOut_ZH-CN4471982075_1920x1080.jpeg)](./images/ZoomOut_ZH-CN4471982075_1920x1080.jpeg)

Image alignment

效果源码

Left:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

*Left*:

![Placeholder](https://dummyimage.com/600x400/f5f5f5/aaaaaa&text=–%20Image%20–){ align=left width=300 }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
massa, nec semper lorem quam in massa.

效果源码

Right:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

*Right*:

![Placeholder](https://dummyimage.com/600x400/f5f5f5/aaaaaa&text=–%20Image%20–){ align=right width=300 }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
massa, nec semper lorem quam in massa.

Image captions

效果源码

Image caption

<figure>
    <img src="https://dummyimage.com/600x400/f5f5f5/aaaaaa&text=–%20Image%20–" width="300" />
    <figcaption>Image caption</figcaption>
</figure>

Image lazy-loading

效果源码

![](./images/ZoomOut_ZH-CN4471982075_1920x1080.jpeg){ loading=lazy }

---

Last update: February 28, 2022
Created: September 11, 2021