如何在HTML5中创建定义列表？-html教程-PHP中文网

如何在HTML5中创建定义列表？

WBOY

发布： 2023-08-29 20:33:06

转载

1558人浏览过

如何在html5中创建定义列表？

描述列表（以前称为定义列表）提供术语及其定义的有组织的排列。

定义列表的标签如下所示：−

<dl> − 这是定义列表。它将术语及其定义存储为行和数据的表格。
- 这是用于定义的术语。它使短语保持定义。

立即学习“前端免费学习笔记（深入）”；
- 这用作描述或定义。它包含特定术语的定义。

使用这些标签，

Android 开发者指南第一部分：入门

Android文档-开发者指南-第一部分：入门-中英文对照版 Android提供了丰富的应用程序框架，它允许您在Java语言环境中构建移动设备的创新应用程序和游戏。在左侧导航中列出的文档提供了有关如何使用Android的各种API来构建应用程序的详细信息。第一部分：Introduction(入门) 0、Introduction to Android(引进到Android) 1、Application Fundamentals(应用程序基础) 2、Device Compatibility(设备兼容性) 3、

查看详情

以下是示例...

Example

的中文翻译为：

示例

在下面的示例中，我们使用<dl>，<dt>，<dd>标签向我们的网页添加定义。

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <dt>SGML</dt>
      <dd>The Standard Generalized Markup Language. </dd>
      <dt>HTML</dt>
      <dd>The Hypertext Markup Language.</dd>
      <dd>The Markup Language You Use To Create Web Pages.</dd>
      <dt>XML</dt>
      <dd>The Extensible Markup Language.</dd>
   </dl>
</body>
</html>

登录后复制

输出

在执行上述脚本时，它将以两个不同的步骤显示文本：一个作为短语，一个作为定义。

示例：使用 div 换行

在下面的示例中，我们使用div元素将名称-值元素分组在一起 -

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <div>
         <dt>TutorialsPoint</dt>
         <dd>Leading providers of web based tutorials on Computer Science academic subjects, Computer Languages, Management, Telecom, and other miscellaneous subjects</dd>
      </div>
      <div>
         <dt>Established in</dt>
         <dd>2006</dd>
      </div>
   </dl>
</body>
</html>

登录后复制