HTML Bullet Points – A Simple Guide

  • January 27, 2014

A simple guide to HTML 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:


<ul>
<li>Oranges</li>
<li>Apples</li>
<li>Pears</li>
</ul>

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 http://nosubhealth.com you need. Quite often it is useful to have a list of links like:

The code for these linked HTML bullet points is:

<ul>
 <li><a href="http://acroweb.co.uk">Website Design</a></li>
 <li><a href="http://acroweb.co.uk">Website Development</a></li>
 <li><a href="http://acroweb.co.uk">Online Strategy</a></li>
</ul>

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

Share This

Emile

About Emile

Emile is the director of Acroweb. He is a Wordpress and Drupal web developer and project manager with an extensive knowledge of web strategies and SEO. He lives on the South Coast UK with his wife and daughter and spends a lot of his time chasing waves and wind around the country.

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