January 2014 - ACROWEB

HTML Bullet Points – A Simple Guide

Posted by | Basic Coding | No Comments

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

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