Learn How to Make a Bulleted List with HTML
This simple guide will show you the code needed to make a bulleted list to better organize information on your blog or website as well as give you options for ways to customize the look of the bulleted list. If you’re using WordPress, there is actually a button in the visual editor to make bulleted lists (it looks like three bullet points with lines), but it’s always nice to know how to code something by hand. 🙂
Learn About Bulleted Lists
How to code bulleted or numbered lists with html
- Here is an example of a bulleted list.
- As you can see, the items are marked with a “bullet” or dot on the left side.
- They’re a great way to not only list information, but also to list links for the navigation on your site.
This is the code for a basic bulleted list:
<ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>
So as you can see, the ul’s start and end the list, and the li’s are used for each item in the list.
The slightly different variation of a bulleted list is a numbered (or lettered) list. Instead of “ul” you will start and end your code with “ol”. The only difference is that these, instead of having the same bullet, are just numbered with numbers, Roman numerals, or letters.
- item 1
- item 2
- item 3
<ol> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol>
If you’d like to start your own blog, check out our free guide on how to start a blog below: