Home > Article > Web Front-end > How to create an unordered list without bullets in HTML?
How to create an unordered list without bullets in HTML?
- WBOYforward
- 2023-09-06 19:41:051478browse
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
We use the type attribute of the
-
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>
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>
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>
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!