首頁 > 文章 > web前端 > 如何在HTML5中建立定義清單？

如何在HTML5中建立定義清單？

WBOY轉載: 2023-08-29 20:33:061330瀏覽

如何在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刪除

上一篇：讓HTML5畫布填滿整個頁面下一篇：讓HTML5畫布填滿整個頁面

看更多