Create a semantic HTML structure for a simple blog post. The blog post should have a heading, a paragraph of text, and an image. The image should be wrapped in a figure element and have a caption.
Example 1
Input: <h1>Blog Post</h1><p>This is a paragraph of text.</p><img src='image.jpg' alt='An image'>
Output: <h1>Blog Post</h1><p>This is a paragraph of text.</p><figure><img src='image.jpg' alt='An image'><figcaption>An image</figcaption></figure>
The input is missing the semantic `figure` element and `figcaption` for the image.
Constraints
Hints
Create a semantic HTML structure for a simple blog post. The blog post should have a heading, a paragraph of text, and an image. The image should be wrapped in a figure element and have a caption.
Example 1
Input: <h1>Blog Post</h1><p>This is a paragraph of text.</p><img src='image.jpg' alt='An image'>
Output: <h1>Blog Post</h1><p>This is a paragraph of text.</p><figure><img src='image.jpg' alt='An image'><figcaption>An image</figcaption></figure>
The input is missing the semantic `figure` element and `figcaption` for the image.
Constraints
Hints