Listen in HTML: Eine Anleitung zur Verwendung von Listen zur Anzeige von Daten

Listen sind ein wesentlicher Bestandteil von HTML, um Daten organisiert und lesbar anzuzeigen. HTML bietet drei Haupttypen von Listen: ungeordnete Listen, geordnete Listen und Definitionslisten.

Ungeordnete Listen(<ul>) verwenden bestimmte Aufzählungspunkte und werden als eingerückte Elemente angezeigt, normalerweise mit schwarzen Punkten. Dies ist eine beliebte Option zum Auflisten von Artikeln, für die keine bestimmte Bestellung erforderlich ist.

Geordnete Listen(<ol>) verwenden bestimmte Nummerierungen oder Zeichenmarkierungen und werden als sequentiell geordnete Liste angezeigt. Dies wird häufig verwendet, um Artikel in einer bestimmten Reihenfolge aufzulisten oder zu nummerieren.

Definitionslisten(<dl>) verwenden Begriffs- und Beschreibungspaare, um Daten anzuzeigen. Jedes Paar ist in den Tags <dt>(Definitionsbegriff) und <dd>(Definitionsbeschreibung) eingeschlossen. Dies ist eine effektive Möglichkeit, Attribute oder Definitionen für bestimmte Konzepte anzuzeigen.

 

Ungeordnete Liste( <ul>)

– Das <ul> Element wird verwendet, um eine ungeordnete Liste zu erstellen.

– Jedes Element in der ungeordneten Liste wird innerhalb eines Elements platziert <li>.

- Ungeordnete Listen werden normalerweise mit Aufzählungszeichen oder ähnlichen Zeichen angezeigt.

<ul>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ul>  

 

Geordnete Liste( <ol>)

– Das <ol> Element wird zum Erstellen einer geordneten Liste verwendet.

– Jedes Element in der geordneten Liste wird innerhalb eines Elements platziert <li>.

- Geordnete Listen werden normalerweise mit Zahlen oder alphabetischen Zeichen angezeigt.

<ol>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Definitionsliste( <dl>)

- Das <dl> Element wird zum Erstellen einer Definitionsliste verwendet.

- Jedes Element in der Definitionsliste besteht aus einem Paar von Tags <dt>(Definitionsbegriff) und <dd>(Definitionsbeschreibung).

- Das <dt> Tag enthält das zu definierende Schlüsselwort oder Attribut, während das <dd> Tag die Beschreibung oder Erklärung für dieses Schlüsselwort oder Attribut enthält.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Listentypattribut( <ul> und <ol>)

– Das Typattribut wird verwendet, um den Nummerierungsstil einer geordneten Liste anzugeben.

- Der Wert des Typattributs kann „1“(Zahlen), „A“(Großbuchstaben), „a“(Kleinbuchstaben), „I“(römische Großbuchstaben) oder „i“(römische Kleinbuchstaben) sein. .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Startattribut( <ol>)

- Das Startattribut wird verwendet, um den Startwert der Nummerierung in einer geordneten Liste anzugeben.

- Der Wert des Startattributs ist eine positive Ganzzahl.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Umgekehrtes Attribut( <ol>)

- Das umgekehrte Attribut wird verwendet, um eine geordnete Liste in umgekehrter Reihenfolge anzuzeigen.

- Bei Anwendung des umgekehrten Attributs wird die Nummerierung in absteigender Reihenfolge angezeigt.

<ol reversed>  
  <li>Item 3</li>  
  <li>Item 2</li>  
  <li>Item 1</li>  
</ol>  

 

Mit diesen Attributen und Elementen können Sie Listen in HTML erstellen und entsprechend Ihren Anforderungen anpassen. Mit ihnen können Sie Daten übersichtlich und übersichtlich auf Ihrer Website darstellen.