Bullets and Lists tips for HTML

Advertisements

Bullets and Lists

These html tips and tricks will help you put bullets and lists on your blog.

Let's start with simple bullets.

For this html tip, look at this bullet:

This is next to a bullet

It was made with this simple HTML code:
<li>This is next to a bullet</li>
Insert the above code to your web page,
and then change the message to suit you needs.

...And now let's end with more advanced tips, concerning lists.

To make numbered bullets,

1. Like these


2. ones

use this HTML code instead:
<ol><li>Like these</li>
<li>ones</li></ol>
Note that the <ol> is only put at the extremes of the list.



There are also some tips and tricks that will allow different types of bullets:

1. Lower Case Roman Numerals

HTML Code:
<ol type="i"><li>Lower Case Roman Numerals</li></ol>

1. Upper Case Roman Numerals

HTML Code:
<ol type="I"><li>Upper Case Roman Numerals</li></ol>

1. Lower Case Alphabet

HTML Code:
<ol type="a"><li>Lower Case Alphabet</li></ol>

1. Upper Case Alphabet

HTML Code:
<ol type="A"><li>Upper Case Alphabet</li></ol>


Finally, text inside these bullets can be formatted with this tip.

Download Link

Advertisements