HTML Tags List: HTML Cheat Sheet


Understanding each HTML tag is a crucial step to implementing your own HTML code.

Use this guide as a reference for standard HTML tags and how to use them.

HTML tags are simple instructions that tell a web browser how to format text. You can use tags to format italics, line breaks, objects, bullet points, and more. 

These tags live in the HTML (or the Hypertext Markup Language) of every webpage. Put, HTML is the language of web pages. 

How Do Web Pages Read HTML Tags?

Servers read HTML code to understand and render content. It will read the HTML from top to bottom, much like how you’re reading this guide. 

You can use as many or as few tags as you like to format content. However, there are a few essential HTML tags and rules you’ll need to follow. 

An HTML tag must contain three parts:

  1. An opening tag — this will start with a < > symbol
  2. Content — the short instructions on how to display the on-page element
  3. A closing tag — this will end with a </ > symbol

However, some HTML tags can be unclosed. That means that the HTML tag does not need to be closed with a </ >. You’ll typically use unclosed tags for metadata or line breaks. 

What’s the Difference Between Attributes and HTML Tags?

Although this guide is all about HTML tags, it’s important to know the difference between HTML tags, elements, and attributes.

An HTML element is an item on the page; it’s part of the web page’s content. An HTML tag affects how an HTML element appears. An HTML attribute describes the characteristics of that element.

Here’s a breakdown of how elements, tags, and attributes work together:

  • HTML tags contain instructions on how to display an on-page element. They begin with a < and end with a > and precede and follow the content of the element. (e.g <b> Bold Tag </b>)
  • HTML Elements are the on-page content sandwiched within the tags. (<b> Bold Tag </b>) 
  • HTML Attributes provide additional information about HTML elements and appear at within the HTML tag (e.g. <html lang=”en-US”>). 



HTML Elements

HTML Attributes


Instructions on how to display an on-page element

The on-page content to be displayed

Additional information about the on-page elements


It starts with < and ends with >

Sandwiched within an HTML tag

Appear in the starting tag before any elements

Examples Of HTML Tags

<p> Paragraph Tag </p>

The <p> and </p> are the HTML tags and “Paragraph Tag” is the HTML element, i.e. the on-page text. 

This tag formats any text between the opening <p> tag and the closing </p> tag as a standard paragraph or main body text. 

<h2> Heading Tag </h2>

In this example, <h2> and </h2> are the HTML tags and “Heading Tag” is the HTML element, i.e. the on-page heading. 

Using this tag will format any text between the opening <h2> tag and the closing </h2> tag as a Heading 2 (a type of subheading.) 

<b> Bold Tag </b>

Here the <b> and </b> are the HTML tags and “Bold Tag” is the HTML element, i.e. the on page text. 

This tag will format any text between the opening <b> tag and the closing </b> tag as bold.

<i> Italic Tag </i>

Here, the <i> and </i> are the HTML tags and “Italic Tag” is the HTML element (the on-page text.)

This tag will format any text between the opening <i> tag and the closing </i> tag as italic.

<u> Underline Tag</u>

Here the <u> and </u> are the HTML tags and “Underline Tag” is the HTML element, i.e. the on page text. 

This tag will format any text between the opening <u> tag and the closing </u> tag as underlined.

There are nearly 100 different types of HTML tags that you can use for your web pages. Here is a list of the most common HTML tags:



What It Is


HTML Text Tags



HTML Text Tags

Heading 1


HTML Text Tags

Heading 2


HTML Text Tags

Heading 3


HTML Text Tags

Heading 4


HTML Text Tags

Heading 5


HTML Text Tags

Heading 6


HTML Text Tags



HTML Text Tags



HTML Text Tags



HTML Text Tags

Contact Information


HTML Text Tags

Override The Current Text Direction


HTML Text Tags

Content From Another Source


HTML Text Tags

Title Of The Work, Book, Website


HTML Text Tags

Inline Quotation


HTML Text Tags

Display A Part Of Programming Code


HTML Text Tags

Text Inserted


HTML Text Tags

Text Deleted From The Document


HTML Text Tags

Term Defined Within A Sentence/Phrase


HTML Text Tags

Keyboard Input


HTML Text Tags

Preformatted Text


HTML Text Tags

Sample Output Of A Computer Program


HTML Text Tags

Variable Name Used In Mathematical Or Programming Context


HTML Text Tags

Single Line Break


HTML Text Tags



HTML Link Tags

Anchor Tag For A Link


HTML Link Tags

Base Url For All Relative Url Within The Document


HTML Image And Object Tags



HTML Image And Object Tags

Area Of An Image Map


HTML Image And Object Tags

Image Map


HTML Image And Object Tags

Parameter For An <Object> Element


HTML Image And Object Tags

Embed An Object


HTML List Tags

Unordered List


HTML List Tags

Ordered List


HTML List Tags



HTML List Tags

Description List


HTML List Tags

Term In Description List


HTML List Tags

Definition/Description Of A Term In Description List

For a full list of all 100+ HTML elements, visit this helpful guide from javaTpoint.

If you already have HTML tags on your web pages and want to check if they’re used correctly, you can do so by looking at the HTML of your page. To do this, all you need is your web browser.

To view your webpage’s HTML, you should:

  1. Right-click while on your webpage in Google Chrome
  2. Click ‘Inspect’
  3. You’ll see the HTML code in a box at the side or bottom of your page
  4. Use Ctrl + F to find particular tags or elements

To check if your website uses HTML tags correctly, you can do an SEO audit of your site. Third-party tools like the Site Audit tool can check if the basic HTML tags and attributes are correct and if your pages use too much HTML.

To perform an SEO audit with the Site Audit tool, you’ll need to create a project for your domain first. If you already have a project, select the “Site Audit” option from your project dashboard:

The tool will prompt you to enter your target domain and configure any additional settings:

Use the tool settings to set the crawl scope, disallow URLs, or provide additional website access. Select “Start Site Audit.” The tool will notify you when the audit is complete.

Upon completion, you’ll be directed to the Site Audit overview report, where you’ll have a high-level view of any site issue:

html tags list

Select the “Issues” tab for a more detailed view of any HTML issues. The tool also provides suggestions on how to fix each issue:

Final Thoughts 

Understanding HTML doesn’t have to be complicated. With the cheat sheet in this guide, you should identify and implement HTML tags for your web pages. 

Need more details on HTML attributes and how to fix them? Try our guide to HTML Attributes.

For more information about doing a site audit and checking your site’s HTML, check out our guide to doing a full SEO audit in 18 steps.

Find and Fix Sitemap Errors

with the Site Audit Tool

ADS illustration



Read original article here

Denial of responsibility! Search Engine Codex is an automatic aggregator of the all world’s media. In each content, the hyperlink to the primary source is specified. All trademarks belong to their rightful owners, all materials to their authors. If you are the owner of the content and do not want us to publish your materials, please contact us by email – [email protected]. The content will be deleted within 24 hours.

Leave A Reply

Your email address will not be published.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More