Insert an image to make a visual statement.

Example #1

Basic image

<figure class="wp-block-image size-large"><img decoding="async" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="closeup of waves crashing" class="wp-image-620"/></figure>

Example #2

Image with caption

<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="closeup of waves crashing" class="wp-image-620"><figcaption class="wp-element-caption">Lorem ipsum</figcaption></figure>

Example #3

Image without alt text

<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="576" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="" class="wp-image-620"></figure>

Example #4

Image with link

<figure class="wp-block-image size-large"><a href="https://google.com"><img decoding="async" width="1024" height="576" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="closeup of waves crashing" class="wp-image-620"></a></figure>

Example #5

Image with title

<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="576" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="" class="wp-image-620"></figure>

Example #6

Image with link and without alt text

<figure class="wp-block-image size-large"><a href="https://google.com"><img decoding="async" loading="lazy" width="1024" height="576" src="https://blocks.joedolson.com/wp-content/uploads/2022/09/pexels-emiliano-arano-1330219-1024x576.jpg" alt="" class="wp-image-620"></a></figure>