dl dt dd

最新推荐文章于 2024-12-20 11:00:53 发布

最新推荐文章于 2024-12-20 11:00:53 发布 · 215 阅读

文章标签：

#EXT #HTML

http 同时被 2 个专栏收录

3 篇文章

订阅专栏

tcp & ip

2 篇文章

订阅专栏

本文详细介绍了HTML中定义列表的三个关键标签：dl、dt 和 dd 的使用方法及应用场景。通过实例展示了如何利用这些标签来组织定义项及其描述，为用户提供清晰的内容展示方式。

[b]dl dt dd[/b]

这3个标签用于定义列表，

------
[b]标签意义：[/b]

* <dl>
definition list
最外层标签，包裹 <dt> 和 <dd>

* <dt>
definition title
定义标题

* <dd>
definition description
定义内容，和 <dt> 一一对应，
<dd> 的内容默认会缩进显示，<dd> 中可以直接显示内容，也可以包含其它标签显示各种内容，

------
[b]结构：[/b]


<dl>
      <dt> ... </dt>
      <dd>
            ...
      </dd>

      <dt> ... </dt>
      <dd>
            ...
      </dd>
</dl>

------
[b]例子：[/b]


<body>
      <dl>
            <dt>ext learn</dt>
            <dd>
                  <ul class="ul_navigation">
                        <li><a href="learn/ext_load.jsp">ext load</a></li>
                        <li><a href="learn/ext_test.jsp">ext test</a></li>
                  </ul>
            </dd>

            <dt>ext learn2</dt>
            <dd>
                  <ul class="ul_navigation">
                        <li><a href="learn/ext_load2.jsp">ext load2</a></li>
                        <li><a href="learn/ext_test2.jsp">ext test2</a></li>
                  </ul>
            </dd>
      </dl>
</body>