How to Create a Bulleted List in an HTML Webpage

Creating a bulleted list on your web page will help to add white space, organize your information more easily and improve your SEO (Search Engine Optimization) rankings, if you use good keywords in the list.

Difficulty: Moderately Easy

Instructions

Things You'll Need:

• Basic understanding of HTML
• Computer
• Web page

1. Decide where the list is going to go, then gather all the list items.

2. Write the code <ul> to signify the beginning of the unordered list (an unordered list will be automatically bulleted in your browser).

3. Write the code <li> to signify the first item in the bulleted list.

4. Enter the information for the first bullet after the first <li> tag. Your first bullet will look like this: <li>Text for first bullet.

5. Add the </li> tag at the end of the first item, so your code is <li>Text for first bullet</li>

6. Repeat this process for each bulleted item. At the end of the list, place the </ul> tag to signify the end of the bulleted list.

Tips & Warnings

• Add a heading to your bulleted list by placing a title in <h1>, <h2> or <b> tags to make the list stand out. Only use the most useful information in a bulleted list, and make sure each list item or line is different than the one before.
• Get more useful tips by following the links in the Resources section below.
• Don't confuse an unordered list <ul> with an ordered list <ol>. An ordered list will have numbers marking each list item instead of bullets.

Resources

• Building a bulleted list
• Other types of ordered lists
• Changing bullet shapes in your browser