html5 ------有、无序列表 & 自定义列表

1、无序列表 ul

<ul> 标签定义无序列表。

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

无序列表的各个列表之间没有顺序级别,是并列的

语法格式:

<ul>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>

注意:ul 内只能包含 li ,不能含其他标签

2、有序列表   ol  (不常用)

HTML <ol> 标签

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

3、自定义列表  dl dt dd

定义和用法

<dl> 标签定义了定义列表(definition list)。

<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。

<dl>

<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
<h3>无序列表</h3>
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<h3>有序列表</h3>
<ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<h3>自定义列表</h3>
<dl>
    <dt>计算机</dt>
        <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

</body>
</html>

发布了67 篇原创文章 · 获赞 54 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/naturly/article/details/104120255