Bullet Points and Numbered Lists Explained

Written By: Brad Markle
Experience Level: Beginner
Articles labeled as Beginner are those that require basic tasks to be completed, such as making simple configuration changes following a brief set of instructions. If you find yourself needing assistance, our Technical Support Department can generally assist.
Print E-mail:

Often times, in makes a cleaner layout on our web pages to use bullet points and numbered lists to display important content. To display test in a list, we use two different types of list tags <ol> ordered lists and <ul> unordered lists. Ordered lists are lists that use some sort of order to them such as numbers are roman numerals while unordered lists are bulleted points.

First, let's discuss Ordered Lists. Remember, ordered lists will be numbered and we will start with the <ol> tag:

<ol>

This is the opening tag to tell the web browser the folowing content is to be contained in an ordered list. Now, we will need to add an <li> tag which stands for list item. After adding the list item tags and closing them our code will look like this. don't forget to close the tags.

<ol>
<li>first line in the list </li>
<li>second line in the list </li>
</ol>

The above code will display the following results:

  1. first line in the list
  2. second line in the list

The process is the same for the unordered list. The only difference is the opening and closing tag of the actual list. Don't forget to close your tags or the lists will not display correctly. 

<ul>
<li>first line in the list </li>
<li>second line in the list </li>
</ul>

The above code will display the following results:

  • first line in the list
  • second line in the list
 

Further Reading:

Rating:
 
Please log in to rate this article.
Like this Article?
Notify Me of Updates!
Please login to subscribe to receive notifications when this article is updated.
Prerequisite Articles
  • Basic Style using the Tag
  • Comments

    Currently no comments

    You must log in before commenting.

    Need more Help?

    Search
    Current Customers
    Chat:Click to Chat Now
    Call:888-321-HOST (4678)
    E-mail:support@InMotionHosting.com
    Ticket Submit a Support Ticket
    Ask the Community!
    Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.
    Not a Customer?
    Get web hosting from a company that is here to help. Sign up today!

    Follow InMotion Hosting!

     4236 Followers. Follow Us!

    Continuing Education

    Follow this Education Channel to stay up to date on Website Design! (what is this?)
    If you're familiar with the traditional setup of college courses, then learning through our Education Channels will be a breeze. We begin with an introductory 101 class, and advance all the way up to 300 level classes. Stay up to date on your favorite topics by becoming a fan on facebook and following us on twitter (links in the right sidebar of the page).
     18 Followers. Follow Us!

    Further Your Education!

    Subscribe To Other Education Channels!

    Everything Email
    Website Design
    Premium Website Builder
    cPanel
    WordPress
    Using Web Host Manager
    OpenCart
    Magento Tutorial

    Have a Question?

    If you need some help, submit your question to our Community!
    We guarantee a response within 60 minutes (8am - 5pm EST, Monday - Friday)

    Recent Questions