HTML: <h1> tag
This HTML tutorial explains how to use the HTML element called the <h1> tag with syntax and examples.
Description
The HTML <h1> tag defines the highest level or most important heading in the HTML document. This tag is also commonly referred to as the <h1> element.
Syntax
In HTML, the syntax for the <h1> tag is:
<body>
<h1>Heading 1 goes here</h1>
</body>
Sample Output
Attributes
In addition to the Global Attributes, the following is a list of attributes that are specific to the <h1> tag:
Attribute | Description | HTML Compatibility |
---|---|---|
align | Alignment of the text | Deprecated in HTML 4.01, Obsolete in HTML5, use CSS |
Note
- The HTML <h1> element is found within the <body> tag.
- Headings can range from <h1> to <h6>. The most important heading is <h1> and the least important heading is <h6>.
- The <h1> heading is the first heading in the document.
- The <h1> heading is usually a large bolded font.
- Do not use a <h1> tag simply to apply different formatting. <h1> tags are used to define heading levels, like in a Table of Contents.
Browser Compatibility
The <h1> tag has basic support with the following browsers:
- Chrome
- Android
- Firefox (Gecko)
- Firefox Mobile (Gecko)
- Internet Explorer (IE)
- Edge Mobile
- Opera
- Opera Mobile
- Safari (WebKit)
- Safari Mobile
Example
We will discuss the <h1> tag below, exploring examples of how to use the <h1> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.
Advertisements