HTML <ul>标签
HTML <ul>标签作用
HTML <ul>标签呈现无序列表或项目符号列表以项目符号格式显示元素。 HTML ul标签用于无序列表。项目符号列表可以有4种:
disc
circle
square
none
要表示不同的有序列表,标签中有4种属性。
类型 |
说明 |
Type "disc" |
这是默认样式。在这种样式中,列表项用项目符号标签。 |
Type "circle" |
在这种样式中,列表项用圆圈标签。 |
Type "square" |
在这种样式中,列表项用正方形标签。 |
Type "none" |
在这种样式中,列表项未标签。 |
HTML<ul>标签示例
<ul>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
输出:
ul type="circle"
<ul type="circle">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
输出:
ul type=" square"
<ul type="square">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
输出:
ul type=" none"
<ul type="none">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
输出:
注意: HTML5不支持type属性,可以使用list-style-type的CSS属性代替type。以下是显示ul标签的CSS属性的示例。
<ul style="list-style-type: square;">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
代码:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>The type attribute with CSS property</h2>
<ul style="list-style-type: square;">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
</body>
</html>
输出:
支持浏览器