如何在 HTML 中创建带有圆盘项目符号的无序列表?

有序列表带有编号，而无序列表没有编号。可以使用标签 <ul></ul> 创建无序列表，并使用标签 <li></li> 定义列表项。我们可以在 HTML 中创建 4 种类型的无序列表 -

• 圆盘- 这将创建一个以项目符号标记的无序列表(默认)。

• 圆形- 这将创建一个以圆形标记的无序列表。

• 正方形- 这将创建一个以正方形标记的无序列表。

• 无- 这将创建一个没有任何标记的无序列表。

语法

以下是在 HTML 中创建带有圆盘项目符号的无序列表的语法。

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

示例

下面给出了一个在 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-type: disc">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
      <li>Saiteja</li>
      <li>Akshaj</li>
      <li>Tharun</li>
   </ul>
</body>
</html>

以下是上述示例程序的输出。

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/