Introduction:

In this article we will learn what ul tag in html or how to display ordered List or bulleted List in html with example.

Description:

The HTML ul tag is used for the unordered list. It is display the elements in bulleted List format. There can be 4 types of bulleted list:

1. disc

2. circle

3. square

4. none

 

There are 5 types of attributes in <ul> tag that is used to represent different ordered lists.

<ul type="disc"> : In this style, the list items are marked with bullets. This is the default style.

<ul type="circle"> : In this style, the list items are marked with circles.

<ul type="square"> : In this style, the list items are marked with squares.

<ul type="none"> : In this style, the list items are not marked .

 

HTML Unordered List Example


<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ul>
        <li>ASP.NET</li>
        <li>MVC</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>SQL SERVER</li>
    </ul>
</body>
</html>

Output:

  • ASP.NET
  • MVC
  • JavaScript
  • jQuery
  • SQL SERVER

 

ul type="circle"


<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ul type="circle">
        <li>ASP.NET</li>
        <li>MVC</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>SQL SERVER</li>
    </ul>
</body>
</html> 

Output:

  • ASP.NET
  • MVC
  • JavaScript
  • jQuery
  • SQL SERVER

 

ul type="square"


<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ul type="square">
        <li>ASP.NET</li>
        <li>MVC</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>SQL SERVER</li>
    </ul>
</body>
</html> 

Output:

  • ASP.NET
  • MVC
  • JavaScript
  • jQuery
  • SQL SERVER

 

ul type="none"


<!DOCTYPE>
<html>
<head>
    <title>Example of Lists</title>
</head>
<body>
    <ul type="none">
        <li>ASP.NET</li>
        <li>MVC</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>SQL SERVER</li>
    </ul>
</body>
</html> 

Output:

ASP.NET

MVC

JavaScript

jQuery

SQL SERVER

 

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