Creating List in HTML5

Introduction

Here we will create a list using different tags in HTML5. Tags with descriptions are given in the below table. We will use them to create list.

Tag	Description
<ul>	Used For defining a unordered list.
<ol>	Used for defining an ordered list.
<li>	Used for defining an item in list.
<dl>	Used for defining a list.
<dt>	Used for defining an item in a definition list.
<dd>	Used for describing the item of a list.

<ul> is used for unordered list. We use <li> tag for defining an item in the list. We create a list using <ul> tag. We write the following code:

We run this code. The output will look like the below figure:

We can change bullets style by using type attribute as below code:

We run this code. The output will look like the following figure:

We can also use type="square" for bullets style as square.

<ol> Stand for Ordered List. We use <li> tag inside <ol> and </ol> tag for defining item in list. We write the following code to use <ol> tag:

We run this code. The output will look like the below figure"

We can change the character style of the ordered list. List for different style is given below:

Now, we use one from the above list by writing below code:

Now the output will look like as below:

This tag is used with <ol> or <ul>.

These tags are used for creating a definition list. Its syntax is given below:

<dl> <dt> Item of list </dt> <dd> Description of item </dd> </dl>

Now we write the following code:

Then, we run this code. The output will look like below:

Next Recommended Reading Reading A CSV File Using HTML5 And jQuery