How do I add bullets?

There are other small page elements that can be useful, not to mention livening up your page. Here you'll learn about ordered and unordered lists and how to make vertical and horizontal bars.

 Ordered List
An ordered list is very simple a numbered list, where each part of the line is the next ordered number. When you use the code below, your list will look like this, then just change the information to suit your own needs.

  1. First line
  2. Second line
  3. Third line


<ol>
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ol>


You can start the list at whatever number you would like, just be defining the number, like this.

  1. First line
  2. Second line
  3. Third line


<ol start="10">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ol>


If you want the list to appear in roman numerals, you would use this code.

  1. First line
  2. Second line
  3. Third line


<ol type="I">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ol>


If you want the list to appear in an alphabetical list, you would use this code.

  1. First line
  2. Second line
  3. Third line


<ol type="A">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ol>




 Unordered List
An unordered list is also called a bulleted list, or bullets. Use the code below to create a list that looks like this.

  • First line
  • Second line
  • Third line


<ul>
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ul>


Here's another way to add bullets.

  • First line
  • Second line
  • Third line


<ul type="circle">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ul>


Here's another way to add bullets.

  • First line
  • Second line
  • Third line


<ul type="square">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ul>


Here's another way to add bullets.

  • First line
  • Second line
  • Third line


<ul style="list-style-image: url(URL OF YOUR IMAGE)">
<li>First line</li>
<li>Second line</li>
<li>Third line</li>
</ul>




 Horizontal Bars
A horizontal bar, like shown below, is just a simple html divider, used for seperating content on a webpage. You can define the height, width and color of a bar, by using the following code.


<hr width="300" height="10" color="black">




 Vertical Bars
A vertical bar is just a simple html divider, used for seperating content on a webpage. You can define the height, width and color of a bar, by using the following code.

<hr width="2" color="black" size="200">