有序列表是编号的，无序列表是不编号的，它可以使用标签
创建，并使用标签 定义列表的项目。我们可以在 html 中创建 4 种类型的无序列表 -光盘- 这将创建一个标记为项目符号的无序列表（默认）。
圆- 这将创建一个标记为圆的无序列表。
square - 这将创建一个标记为正方形的无序列表。
无- 这将创建一个没有任何标记的无序列表。
语法以下是在 html 中创建带有方形项目符号的无序列表的语法。
<ul style=list-style-image: url(image.png)> <li>item in list…</li> <li>item in list…</li> <li>item in list…</li></ul>
示例 1下面给出了一个在 html 中创建带有图像项目符号的无序列表的示例。
<!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-image: url(images/11.png)> <li>abdul</li> <li>jason</li> <li>yadav</li> </ul></body></html>
以下是上述示例程序的输出。
示例 2让我们看另一个例子，使用图像项目符号创建无序列表 -
<!doctype html><html><head> <title>html unordered list</title></head><body> <h2>tutorials</h2> <p>the list of tutorials:</p> <ul style=list-style-image: url('/theme/css/icons/image-editor.png');> <li>java</li> <li>c++</li> <li>ruby</li> </ul></body></html>
执行上述代码后，输出如下 -
以上就是如何在html中创建带有图像符号的无序列表？的详细内容。