HTML hat drei Arten von Listen. <ol> zeigt eine geordnete Liste während <ul> eine unsortierte, und um eine Definitionsliste zuerstellen verwendet man <dl>. Verwenden Sie die Beifügungen Typ und Start um eine Liste nach Ihren Wünschen zu erstellen.
Benutzen Sie <ol> ein Tag um eine geordnete Liste zu starten. Und setzen Sie <li></li> (Listenpunkt) dazwischen.
html<h4>Ziele</h4>
<ol>
<li>Um einen Job zu finden</li>
<li>Um eine Menge Geld zu verdienen</li>
<li>Um in eine andere Stadt zu ziehen</li>
</ol>Sie können Ihre Liste mit einer beliebigen Nummer beginnen, Spezifizieren Sie sie nur mit der Hilfe von start Attributen.
html<h4>Ziel</h4>
<ol start="4" >
<li>Um einen Job zu finden </li>
<li>Um eine Menge Geld zu verdienen </li>
<li>Um in eine andere Stadt zu ziehen</li>
</ol>Dieses Element macht nichts aussergewöhnlich, ist aber manchmal sehr nützlich.
Ohne das obere Beispiel gibt es weitere 4 Arten von geordneten Listen. Anstelle der normalen Ziffer können auch römische Zahlen oder Buchstaben verwendet werden, aber in beiden Fällen können nur Kleinbuchstaben oder Großbuchstaben verwendet werden. Benutzen Sie den Typ Attributen, wenn Sie den Typ der Nummerierung ändern möchten
html<ol Typ="a">
<ol Typ="A">
<ol Typ="i">
<ol Typ="I">Je nach Fall kann diese Listen wie folgt aussehen
| Kleine Buchstaben | Großbuchstaben | Römische Zahlen mit kleinen Buchstaben | Römische Zahlen mit Großbuchstaben |
|---|---|---|---|
|
|
|
|
Sie können eine unsortierte Liste erstellen, mit der Hilfe von <ul> Tag. Es gibt drei Arten von unsortierten Listen : Quadrate, Aufzählungszeichen und Kreise. Der Standardwert, der durch die Mehrheit der Browser angegeben wird, sind die Aufzählungszeichen.
html<h4>Einkaufsliste </h4>
<ul>
<li>Milch</li>
<li>Käse</li>
<li>Eier</li>
<li>Zucker</li>
</ul>Im nächsten Beispiel sehen Sie, wie alle Arten unsortierter Listen aussehen.
html<ul type="square">
<ul type="disc">
<ul type="circle">Ebenso können Sie Definitionslisten mit dem <dl>; Tag erstellen. Diese Liste wird das Wort nach oben geben, die Definition. Es kennzeichnet das Wort fettgedruckt, so dass es deutlicher wird.
html<dl>
<dt>Queso</dt>
<dd> Das Spanische Wort für Käse.</dd>
<dt>Ordenador</dt>
<dd>Das Spanisch Wort für Persönlicher Computer</dd>
</dt>