An image is worth a thousand words, that's true. Remember that and use an image instead of text to describe something.
Use the <dl class="className"></dl> tag to include an image in your page.
You then have this pretty pink flower with a green stem standing on a water pond. It is beautiful.
- Figure: Bad Example
- Figure: Good example - Add a picture or a screen capture to avoid a thousand words
Technical note for the figure (aka Caption)
Most developers (even WordPress) put the image and the caption in a DIV tag. The figure is just a paragraph.
Figure: Bad Example
Instead, use a figure under the image, using a DL. A DL is a HTML tag that stands for ‘Definition List’. It contains a DT which is the item in the list – in our case an image. A DD (the description of the item). This structure gives the image and the figure, semantic meaning.
Figure: Good Example