html figures

Html figures and their attributes

HTML figures are used to embed images, videos, or other types of media within an HTML document. They are typically used to include illustrations, diagrams, or photographs that are related to the content of the document.

The <figure> tag is used to define a container for the media, and the <img> tag is used to define the actual media element.

Attributes of the <figure> tag include:

class: specifies a class name for the element

id: specifies a unique id for the element

style: specifies an inline CSS style for the element

title: provides additional information about the element

Attributes of the <img> tag include:

src: specifies the URL of the image

alt: provides alternative text for the image in case the image cannot be displayed

width and height: specify the dimensions of the image

style: specifies an inline CSS style for the element

title: provides additional information about the element

Here is an example of using the <figure> and <img> tags to embed an image in an HTML document:

<figure>
<img src="image.jpg"
alt="image" 
width="300" height=
"200">
<figcaption>my image
</figcaption>
</figure>

In this example, the <img> tag is used to define the image element and the src attribute is used to specify the URL of the image. The alt attribute provides alternative text for the image, and the width and height attributes specify the dimensions of the image. The <figcaption> is used to provide a caption for the image

Note that the <figcaption> is optional and can be used to provide a caption for the image.