How to create an unordered list without bullets in HTML?-HTML Tutorial-php.cn

How to create an unordered list without bullets in HTML?

WBOY

Release： 2023-09-06 19:41:05

forward

1506 people have browsed it

How to create an unordered list without bullets in HTML?

An unordered list is an unordered list of a set of items marked with dots, circles, filled circles, and squares. It enables you to control the list contextually. Allows us to group a set of related items in a list.

HTML supports ordered lists and unordered lists. We must use the

tag to create an unordered list.
tag defines an unordered list. We use the

tag to start the project list. Lists of items can be labeled as dots, squares, filled circles, and open circles.

By default, list items in context are marked with bullets.

Place the
tag inside the
tag to create a list of items.
We use the type attribute of the
tag to create an unordered list with numbers.
We use the CSS list-style-type property to define the style of unordered list items.

grammar

The following is the syntax for creating an unordered list without bullets in HTML.

<ul style="list-style-type: none">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ul>

Copy after login

Example 1

is translated as:

Example 1

Given below is an example of creating an unordered list in HTML without bullets.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ul style="list-style-type: none">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
   </ul>
</body>
</html>

Copy after login

The following is the output of the above example program.

Example 2

Another example of creating an unordered list in HTML without any bullets −

<!DOCTYPE html>
<html>
<head>
   <title>HTML Unordered List</title>
</head>
<body>
   <h1>Developed Countries</h1>
   <p>The list of developed countries :</p>
   <ul style="list-style-type:none">
      <li>US</li>
      <li>Australia</li>
      <li>New Zealand</li>
   </ul>
</body>
</html>

Copy after login

The output of the above code is -

The above is the detailed content of How to create an unordered list without bullets in HTML?. For more information, please follow other related articles on the PHP Chinese website!