Headings

Getting Started

Headings communicate what your post is about and indicate which parts of the post are most important.

Headings create structure so that a reader can easily and enjoyably navigate through a post.

Important things to remember:

  • The # symbol is commonly referred to as a hashtag, but is traditionally called a pound sign or number sign.
  • Don't forget to put a space between the # and the heading title.
  • Increasing the number of hashtags decreases the size of the heading font. The more hashtags used indicates that a heading is less important.
  • The maximum amount of hashtags that can be used in Markdown is 6.

The Comparison

What you type:

What you see:

HTML Tips and Tricks - HTML Headings

Did you know that you can create headings with HTML?

HTML headings include H1, H2, H3, H4, H5, and H6.

  • with H1 being the most important (the largest font)
  • with H6 being the least important (the smallest font)

Example: <H1>This is an H1 Heading. It is important!</H1>



HTML headings require both opening and closing tags.

Practice Makes Perfect

Now it's your turn to practice what you have learned.

  1. Open your favorite Steem user interface (Steemit.com, SteemPeak, tribe condenser, etc.)
  2. Click the "Create A Post" icon.
  3. Copy and paste the text below into your favorite user interface. Watch how the number of # (hashtags) impacts the size of the heading font. Why does the '####### Heading 7' not turn into a proper heading in Steemit?

    # Heading 1
    ## Heading 2
    ### Heading 3
    #### Heading 4
    ##### Heading 5
    ###### Heading 6
    ####### Heading 7
  4. Copy and paste the text below into your favorite user interface. Watch what happens when you do not include the proper opening and closing tags.

    <h1>Example 1</h1>
    Correct - This is a properly formatted Level 1 Heading.
    <H2>Example 2</H2>
    Correct - This is a properly formatted Level 2 Heading.
    <h1>Example 3<h1>
    Incorrect - This heading is not closed properly. There is no '/' in the closing tag.
    <h1>Example 4</H1>
    Incorrect - The opening and closing tags must use the same case. You cannot use a combination of upper case (H) and lower case (h).
  5. Copy and paste the text below into your favorite user interface.. Notice the difference between how Markdown and HTML formats headings.

    # Heading 1
    There is a smaller distance between the heading and the text.
    <h1>Heading 1</h1><br>There is a larger distance between the heading and the text.

Test Your Knowledge

Complete and Continue