HTML Heading 6 – h6

HTML Heading 6 Element

HTML Heading 6 <h6> tag is used to define heading of type 6 in an HTML document.

Example

A simple Heading 6 element is shown in the following example.

index.html

Note: HTML Heading 6 element starts with the tag <h6> and ends with an end tag </h6>.

Default CSS for HTML <h6>

By default, following CSS properties are set for a Heading 6 element.

display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;

Inline Style for HTML Heading 6 Element

We can change the style of Heading 6 element through inline styling using style attribute.

In the following example, we have set the color as red for the Heading 6 element.

index.html

Apply CSS for HTML Heading 6 Element

We can apply CSS for all Heading 6 elements using the h6 tag.

index.html

Conclusion

In this HTML Tutorial, we learned about HTML <h6> tag and went through different examples that cover defining an HTML Heading 6 element, and styling it.