首页 > web前端 > html教程 > 如何在HTML5中创建定义列表?

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

WBOY
发布: 2023-08-29 20:33:06
转载
1394 人浏览过

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

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

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

  • − 这是定义列表。它将术语及其定义存储为行和数据的表格。

  • - 这是用于定义的术语。它使短语保持定义。

  • - 这用作描述或定义。它包含特定术语的定义。

使用这些标签,

以下是示例...

Example

的中文翻译为:

示例

在下面的示例中,我们使用

标签向我们的网页添加定义。
<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>
登录后复制

输出

在执行上述脚本时,定义列表如下所示。TutorialsPoint和其定义被分为一组,而成立年份被分为一组。

以上是如何在HTML5中创建定义列表?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板