HTML -Listen

Eine geordnete Liste kann die Daten in verschiedenen Formaten wie alphabetisch, numerisch, römisch usw. anzeigen. Standardmäßig werden in der Liste die "Listenelemente" in numerischer Form angezeigt, kann jedoch mithilfe des Attributs "Typ" geändert werden.

Beispiel 1

Betrachten wir das folgende Beispiel, in dem festgelegt wird, wie die geordnete Liste funktioniert:

Liste der Webentwicklungsframeworks

1. Django


2. Laravel


3. ASP.Netz


4. Flasche


5. Expressjs

Der obige Code gibt der Ausgabe so etwas:

Aus der Ausgabe können wir feststellen, dass die Liste in numerischer Form erschien.

Was ist, wenn es darum geht, die Liste in einem anderen Format anzuzeigen i.E alphabatisch, römisch usw.? In diesem Fall müssen wir das Format in der angeben "Typ" Attribut.

Beispiel 2

Nehmen wir an, wir müssen die Listenelemente im alphabetischen Format deklarieren, dann wird das Typ -Attribut auf das angegebene Format i eingestellt.e. "Typ = a" oder "Typ = a" Wie im folgenden Snippet gezeigt:

Liste der Webentwicklungsframeworks

1. Django


2. Laravel


3. ASP.Netz


4. Flasche


5. Expressjs

Jetzt generiert dieser Code die folgende Ausgabe:

Beispiel 3

Darüber hinaus können wir den Startindex für die Liste mit dem angeben "Start" Attribut wie im folgenden Skript gezeigt:

Liste der Webentwicklungsframeworks

6. Django


7. Laravel


8. ASP.Netz


9. Flasche


10. Expressjs

Die Ausgabe beweist, dass der Listenindex aus dem gestartet wurde "Vi":

Nachdem wir die detaillierten Kenntnisse über die HTML -Ordered List haben, gehen wir weiter voran und lernen Sie die nicht ordnungsgemäße HTML -Liste.

HTML Unordentliche Liste

Im Allgemeinen wird verwendet, wenn keine Daten in einer bestimmten Reihenfolge angeordnet werden müssen.

Das Tag wird verwendet, um die ungeordnete Liste zu erstellen, und in der Liste werden die Elemente innerhalb der geschrieben
• Schild.

  Eine ungeordnete Liste zeigt die Daten in verschiedenen Formaten wie Quadrat, Kreis usw. an. Standardmäßig werden die „Listenelemente“ in Bulleted -Form angezeigt, aber es kann mit seiner geändert werden "Typ" Attribut.

  Beispiel

  Das bellow-Given-Beispiel erstellt zwei ungeordnete Liste, und in der ersten Liste wird kein Typ erwähnt, sodass es das Ergebnis in Kugelform liefert. In der zweiten Liste wird das Typ -Attribut jedoch auf das Quadrat gesetzt. Infolgedessen werden die Listenelemente mit dem Quadrat initiiert:

  
  
  
  
  
  

  Liste der Webentwicklungsframeworks

  
  
  
  
  • Django
  
  
  • Laravel
  
  
  
  
  
  
  • ASP.Netz
  
  
  • Flasche
  
  
  • Expressjs
  
  
  
  
  

  Die Ausgabe des obigen Code -Snippets würde so verlaufen:

  HTML -Beschreibung Liste

  Es ist auch als Definitionsliste bekannt. Es wird verwendet, um die Elemente der Liste zu beschreiben/zu definieren. In der Beschreibungsliste werden drei Arten von Tags verwendet

  Schild,

  Tag und

  Schild.

  • Tag repräsentiert Beschreibungsliste,

  • Tag repräsentiert Datenbegriffe,
  • Tag repräsentiert die Datennennungsdefinition.

  Beispiel

  Der untergegebene Code implementiert die Beschreibungslisten, um die beiden Datenbegriffe mit ihrer Definition zu bestimmen:

  
  
  
  
  
  

  Liste der Webentwicklungsframeworks

  
  

  
  

  Django

  
  

  Rahmen für Python

  
  

  Laravel

  
  

  Framework für PHP

  
  

  
  
  

  Die Ausgabe wird so sein:

  Verschachtelte Listen

  HTML unterstützt das Konzept der verschachtelten Liste, was bedeutet, dass eine Liste in der anderen Liste erstellt werden kann.

  Beispiel

  In diesem Beispiel werden wir eine ungeordnete Liste in die geordnete Liste einbetten:

  
  
  
  
  
  

  Liste der Webentwicklungsframeworks

  
  

  
  
  1. Rahmen für Python
     
     
     
     • Django
     
     
     • Flasche
     
     
     • Kirsche
     
     
     
     
  
  
  2. Framework für PHP
     
     
     
     • Laravel
     
     
     • CakePhp
     
     
     • Phalcon
     
     
     
     
  
  

  
  
  

  Die Ausgabe dieses Beispiels lautet wie folgt:

  Abschluss

  HTML listet Gruppen verschiedene Elemente in einer Liste auf. HTML bietet verschiedene Tags, um Listen zu erstellen, zum Beispiel die

  ,
  , Und

  Tags werden verwendet, um eine geordnete, ungeordnete und beschreibende Liste zu erstellen. Außerdem die

  Tag bestimmt das Listenelement, das

  Tag bestimmt den Beschreibungsterm, während

  zeigt die Definition für a

  Schild.

  In diesem Tutorial wird erläutert, wie geordnete, ungeordnete, beschreibende und verschachtelte Listen erstellt werden können. Für ein besseres Verständnis erläuterte dieser Artikel jede Liste mit Hilfe von Beispielen.