### `<h1>`–`<h6>`: The HTML Section Heading elements

The following code shows all the heading levels, in use.

<!--start-code-->

```js
const instance = (
  <div>
    <h1>Heading level 1</h1>
    <h2>Heading level 2</h2>
    <h3>Heading level 3</h3>
    <h4>Heading level 4</h4>
    <h5>Heading level 5</h5>
    <h6>Heading level 6</h6>
    <hr />
    <hgroup>
      <h1>Main title</h1>
      <h2>Secondary title</h2>
    </hgroup>
  </div>
);
ReactDOM.render(instance);
```

<!--end-code-->
