HTML - dt 标签_HTML 菜鸟教程

HTML <dt> 标签用于在描述或定义列表中定义数据术语。它应该在 <dl> 标签（是 <dt> 标签的父标签）中使用。

我们可以在一行中创建多个 <dt> 标签，这些标签表示由下一个 <dd> 标签定义的多个数据术语。在每个 <dt> 标签之后，您可以有一个 <dd> 标签，用于描述在 <dt> 标签中找到的术语。

语法


<dl>
 <dt></dt>
 <dt></dt>
 …. 
</dl>

属性

<dt> 标签支持 HTML 的全局属性和事件属性。

<dt> 标签示例

下面的示例将说明 <dt> 标签的用法。在哪里、何时以及如何使用 <dt> 标签。

创建 <dt> 标签元素

在以下示例中，我们将使用 <dl> 标记创建描述列表。然后，使用 <dt> 标签，我们在 <dl> 标签中创建一个数据术语，以显示列表项的数据术语。


<html lang="en">
<head>
	 <title>HTML dt Tag</title>
</head>
<body>
	 <!-- Creating dt Itemes -->
	 <dl>
			<dt>Data Term1</dt>
			<dt>Data Term2</dt>
			<dt>Data Term3</dt>
	 </dl>
</body>
</html>

使用 <dd> 标签创建 <dt> 标签

在此示例中，我们将使用 <dt> 标签创建单个数据术语，并使用 <dl> 标签内的 <dd> 标签创建多个数据描述，以显示列表项的数据术语和数据描述。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>Data Term</dt>
			<dd>Data description1.</dd>
			<dd>Data description2.</dd>
			<dd>Data description3.</dd>
	 </dl>
</body>
</html>

使用 <dd> 标签创建多个 <dt> 标签

在这个程序中，我们将使用 <dl> 标签创建一个描述列表。然后，使用 <dt> 和 <dd> 标签，我们将创建多个数据术语和描述，以显示此列表项的数据术语和数据描述。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>HTML</dt>
			<dd>Hyper Text Markup Language.</dd>
			<dt>CSS</dt>
			<dd>Cascading Style Sheet.</dd>
			<dt>JS</dt>
			<dd>JavaScript.</dd>
	 </dl>
</body>
</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - dl 标签 HTML - dd 标签 >>