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:
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 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