HTML学习04-列表标签

来源：互联网发布：黄梅戏软件编辑：程序博客网时间：2024/05/29 05:54

一、无序列表
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>

效果
这里写图片描述

阅读全文

0 0