Introduction:

In this article we will learn what are the listing type tags in html or how to use ol,ul,dl tag to design a list in html or how to display a List in html with example.

Description:

HTML Lists are used to display to lists of information. There are three different types of HTML lists. Every list may contain one or more list elements.

1. Ordered List or Numbered List (ol)

Html<ol> tags are used to display the information in ordered list. All the list items are marked with numbers. The ordered list starts with <ol> tag and the list items start with <li> tag.

Let’s see example:

<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ol>
        <li>Arun</li>
        <li>Maynk</li>
        <li>Manoj</li>
        <li>Rohit</li>
        <li>Pawan</li>
    </ol> 
</body>
</html>

OutPut:



2. Unordered List or Bulleted List (ul)

Html<ul> tags are used to display the information in Unordered list. All the list items are marked with bullets. The Unordered list starts with <ol> tag and the list items start with <li> tag.

Let’s see example:

<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ul>
        <li>Arun</li>
        <li>Maynk</li>
        <li>Manoj</li>
        <li>Rohit</li>
        <li>Pawan</li>
    </ul> 
</body>
</html>

OutPut:



3. Description List or Definition List (dl)

Html <dl> tags are used to display the information in description list.  The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term.

Let’s see example:

<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <dl>
        <dt>Computer</dt>
        <dd>- computer is a most important subject. </dd>
        <dt>Mobile</dt>
        <dd>- in the world every person have a mobile</dd>
    </dl>
</body>
</html> 

Output:

 


I hope this article will help to you after reading.

0 comments


Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.

you may also like