首頁 > web前端 > html教學 > 如何在HTML5中建立定義清單?

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

WBOY
發布: 2023-08-29 20:33:06
轉載
1401 人瀏覽過

如何在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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板