Call: (209) 560-6611

How to create a list using HTML

Date: November 10, 2012 Author: ang Category: Tutorials Websites Tags: , Comments: 0

Creating a list using HTML us useful for listing things on your webpage or blog post, whether it be songs, steps in a tutorial, etc. There are two kinds of lists, an 'ordered list'(a list using numbers) and an 'unordered list'(a list using bullets). Below are two examples of lists along with their markup code snippets.

Ordered List

  1. frogs
  2. birds
  3. trees
  4. rocks
 HTML |  copy code |? 
1
2
<ol>
3
	<li>frogs</li>
4
	<li>birds</li>
5
	<li>trees</li>
6
	<li>rocks</li>
7
</ol>
8

Unordered List

  •  frogs
  • birds
  • trees
  • rocks

 HTML |  copy code |? 
1
2
<ul>
3
	<li> frogs</li>
4
	<li>birds</li>
5
	<li>trees</li>
6
	<li>rocks</li>
7
</ul>
8

Note: Copy the list code snippet into your WordPress, Tumblr, Blogger or any web page to generate the list. If you're inserting the code snippets into a CMS like WordPress, Tumblr etc. make sure you have HTML mode selected.

Leave a Reply

Your email address will not be published. Required fields are marked *

Before you post, please prove you are sentient.

what is 4 + 6?

Before you post, please prove you are sentient.

What is 9 multiplied by 8?