您的位置：首页 > Web前端 > HTML

HTML学习04-列表标签

2017-11-03 17:56 169 查看

一、无序列表

ul为无序列表标签，li为列表项标签。

<ul>
<li>内容1</li>
<li>内容2</li>
...
</ul>

·type（样式）属性，取值：disc（默认圆点）,square（方形）,circle（空心圆）。

二、有序列表

ol为有序列表标签，li为列表项标签。

<ol>
<li>内容1</li>
<li>内容2</li>
...
</ol>

·type（样式）属性，取值：1（1，2，3…）,a（a,b,c…）,A（A,B,C…）,i（罗马数字小写i,ii,iii…）,I（罗马数字大写I,II,III…）。

·start（起始数字）属性，取值同上，从此数字开始计数。

三、定义列表

dl定义列表，dt列表标题，dd列表项

<dl>
<dt>第一条</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
<dd>内容4</dd>
<dt>第二条</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
<dd>内容4</dd>
</dl>

四、示例

HTML代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表示例</title>
</head>
<body>
<ul type="square">
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ul>
<ol type="I">
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ol>
<dl>
<dt>第一条</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
<dd>内容4</dd>
<dt>第二条</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
<dd>内容4</dd>
</dl>
</body>
</html>

效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航