描述列表(以前称为定义列表)提供术语及其定义的有组织的排列。
定义列表的标签如下所示:−
<dl> − 这是定义列表。它将术语及其定义存储为行和数据的表格。
- 这是用于定义的术语。它使短语保持定义。
- 这用作描述或定义。它包含特定术语的定义。
使用这些标签,
以下是示例...
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>
输出
在执行上述脚本时,定义列表如下所示。TutorialsPoint和其定义被分为一组,而成立年份被分为一组。
以上就是如何在HTML5中创建定义列表?的详细内容,更多请关注编程之家其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。