All Guidelines   

How to make lists in your content


In this article, I will explain how to make numbered lists or bullet points in your content using html.


You can create lists with bullet points or numbers using the HTML tag <LI>

Each bullet point must start and end with the <LI> and </LI> tags respectively.

Example:

The following are the operating systems from Microsoft:
<LI>Windows 7</LI>
<LI>Windows 2008</LI>
<LI>Windows 2003</LI>
<LI>Windows XP</LI>
<LI>Windows Vista</LI>


When you use the above HTML, it will actually appear as below:

The following are the operating systems from Microsoft:
  • Windows 7

  • Windows 2008

  • Windows 2003

  • Windows XP

  • Windows Vista



  • Even though the above code will work, the ideal syntax in HTML for the lists is, enclose all the items within <UL> and </UL>

    So, the best way of doing it is this:


    The following are the operating systems from Microsoft:
    <UL>
    <LI>Windows 7</LI>
    <LI>Windows 2008</LI>
    <LI>Windows 2003</LI>
    <LI>Windows XP</LI>
    <LI>Windows Vista</LI>
    </UL>


    UL stands for Unordered List.

    Instead of bullet points, if you want an ordered list with numbers, use <OL> instead of <UL>

    Example:


    The following are the operating systems from Microsoft:
    <OL>
    <LI>Windows 7</LI>
    <LI>Windows 2008</LI>
    <LI>Windows 2003</LI>
    <LI>Windows XP</LI>
    <LI>Windows Vista</LI>
    </OL>


    When you use the above HTML, it will actually appear like this:

    The following are the operating systems from Microsoft:

    1. Windows 7

    2. Windows 2008

    3. Windows 2003

    4. Windows XP

    5. Windows Vista



       All Guidelines