Wie erstelle ich eine Definitionsliste in HTML5?-HTML-Tutorial-php.cn

Wie erstelle ich eine Definitionsliste in HTML5?

WBOY

Freigeben： 2023-08-29 20:33:06

nach vorne

1359 Leute haben es durchsucht

Wie erstelle ich eine Definitionsliste in HTML5?

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!