Heim > Artikel > Web-Frontend > Wie erstelle ich eine Definitionsliste in HTML5?

Wie erstelle ich eine Definitionsliste in HTML5?

WBOYnach vorne: 2023-08-29 20:33:061328Durchsuche

Beschreibungslisten (früher Definitionslisten) bieten eine organisierte Anordnung von Begriffen und deren Definitionen.

Die Bezeichnungen der Definitionsliste lauten wie folgt: −

− Dies ist eine Liste von Definitionen. Es speichert Begriffe und ihre Definitionen als Tabelle mit Zeilen und Daten.
– Dies ist ein Begriff, der zur Definition verwendet wird. Dadurch bleibt die Phrase definiert.
– Dies wird als Beschreibung oder Definition verwendet. Es enthält Definitionen bestimmter Begriffe.

Verwenden Sie diese Tags,

Hier sind Beispiele...

Die chinesische Übersetzung von

Beispiel

lautet:

Beispiel

Im folgenden Beispiel verwenden wir die Tags

,

, um Definitionen zu unserer Webseite hinzuzufügen.

<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>

Ausgabe

Wenn das obige Skript ausgeführt wird, wird der Text in zwei verschiedenen Schritten angezeigt: einer als Phrase und einer als Definition.

Beispiel: Verwenden Sie div, um Zeilen umzubrechen

Im folgenden Beispiel verwenden wir ein div-Element, um Name-Wert-Elemente zu gruppieren -

<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>

Ausgabe

Wenn Sie das obige Skript ausführen, sieht die Liste der Definitionen so aus. TutorialsPoint und seine Definition werden gruppiert, und das Gründungsjahr wird gruppiert.

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine Definitionsliste in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Sorgen Sie dafür, dass die HTML5-Leinwand die gesamte Seite ausfülltNächster Artikel：Sorgen Sie dafür, dass die HTML5-Leinwand die gesamte Seite ausfüllt

In Verbindung stehende Artikel

Mehr sehen