HTML列表是什么？

来源：互联网发布：小米笔记本能装linux 编辑：程序博客网时间：2024/06/03 05:43

标签描述

<ol> 有序列表

<ul> 无序列表

<li> 列表项

<dl> 列表

<dt> 列表项

<dd> 描述

1.无序列表

使用标签：<ul> <li>

属性：disc,circle,square

2.有序列表

使用标签：<ol> <li>

属性：A,a,I,i,start

3.嵌套列表

使用标签：<ul> ,<ol>,<li>

4.自定义列表

使用标签：<dl>,<dt>,<dd>

代码演示如下：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>列表</title></head><body >    <ul type="square">        <li>苹果</li>        <li>三星</li>        <li>华为</li>        <li>魅族</li>    </ul>    <ol type="I" start="10">        <li>苹果</li>        <li>三星</li>        <li>华为</li>        <li>魅族</li>    </ol>    <ul>        <li>国家</li>        <ul>            <li>中国</li>            <li>美国</li>            <li>韩国</li>        </ul>        <li>蔬菜</li>        <ol>            <li>白菜</li>            <li>萝卜</li>            <li>黄瓜</li>        </ol>        <li>汽车</li>    </ul>    <dl>        <dt>HTML5</dt>            <dd>11</dd>        <dt>JS</dt>            <dd>22</dd>        <dt>CSS</dt>            <dd>33</dd>    </dl></body></html>

效果如下：

github主页：https://github.com/chenyufeng1991 。欢迎大家访问！

1 0