HTML <hgroup> Tag

The <hgroup> tag is used to group multiple heading elements (<h1> to <h6>) within a single parent element. This allows you to style and manipulate a group of headings as a single unit, rather than individually.

Usage of <hgroup> Tag:

Here is an example of how to use the <hgroup> tag in HTML:

<hgroup>
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
</hgroup>

In this example, the <h1> element represents the main heading, and the <h2> element represents the subheading. By wrapping them in an <hgroup> tag, you can style them together.

Main Attributes of <hgroup> Tag:

Attribute	Description
align	Specifies the alignment of the content within the <hgroup> tag. Possible values: left, center, right
title	Provides a title or label for the content within the <hgroup> tag

Here is an example of using the align attribute:

<hgroup align="center">
  <h1>Centered Heading</h1>
  <h2>Subheading</h2>
</hgroup>

And here is an example of using the title attribute:

<hgroup title="Group Heading">
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
</hgroup>

Experiment with the <hgroup> tag to see how it can help you group and style headings in your HTML documents.