HTML Bullet Points – A Simple Guide

Posted by | Basic Coding | No Comments

A simple guide to bullet points aimed at html beginners.

HTML Bullet Points – The basics

Adding HTML bullet points to your HTML document is very straight-forward. It is useful to think of HTML bullet points as an “unnumbered list” as the HTML code for the list is “ul”. Each item uses the code “li” to represent a “list item”.

A very simple HTML bulleted list might be:

  • Oranges
  • Apples
  • Pears

To add these HTML bullet points to your HTML document or web page, you would use the following code:


As you can see, each item is wrapped between <pre><li> and </li>, while the complete list is wrapped between <ul> and </ul></pre>

HTML Bullet Points and Links

Each item in the bulleted list can be any HTML element you need. Quite often it is useful to have a list of links like:

The code for these linked HTML bullet points is:

 <li><a href="">Website Design</a></li>
 <li><a href="">Website Development</a></li>
 <li><a href="">Online Strategy</a></li>

Do you need help and advice building your website? Get in touch

Have a project that you want to talk about? Get A Quote