Λίστες HTML

Το HTML υποστηρίζει συμμετοχικές, μη κατηγοριοποιημένες και οριστικές λίστας

Παραδείγματα

Η μη κατηγοριοποιημένη λίστα
Αυτό το παράδειγμα δείχνει την μη κατηγοριοποιημένη λίστα.
Συμμετοχική λίστα
Αυτό το παράδειγμα δείχνει την συμμετοχική λίστα.

（Περισσότερες παραδείγματα μπορούν να βρεθούν στο κάτω μέρος αυτής της σελίδας。）

Η μη κατηγοριοποιημένη λίστα

Η μη κατηγοριοποιημένη λίστα είναι μια λίστα με στοιχεία, τα οποία σημειώνονται με粗体圆点 (τυπικά μικρά μαύρα κύκλα).

Η μη κατηγοριοποιημένη λίστα ξεκινά με το ετικέτα <ul>. Κάθε στοιχείο της λίστας ξεκινά με το ετικέτα <li>.

<ul>
<li>Καφέ</li>
<li>Γάλα</li>
</ul>

Ο Browser εμφανίζει ως εξής:

  • Καφέ
  • Γάλα

Στην εσωτερική λίστα μπορείτε να χρησιμοποιήσετε παραγράφους, χαρακτήρες νέας γραμμής, εικόνες, σύνδεσμους και άλλες λίστες κ.λπ.

Συμμετοχική λίστα

Όπως και η σειριακή λίστα, είναι επίσης μια λίστα στοιχείων, και τα στοιχεία της λίστας σημειώνονται με αριθμούς.

Η σειριακή λίστα ξεκινά με την ετικέτα <ol>. Κάθε στοιχείο της λίστας ξεκινά με την ετικέτα <li>.

<ol>
<li>Καφέ</li>
<li>Γάλα</li>
</ol>

Ο Browser εμφανίζει ως εξής:

  1. Καφέ
  2. Γάλα

Στην εσωτερική λίστα μπορείτε να χρησιμοποιήσετε παραγράφους, χαρακτήρες νέας γραμμής, εικόνες, σύνδεσμους και άλλες λίστες κ.λπ.

Λίστα Ορισμένων Περιγραφών

Η προσαρμοσμένη λίστα δεν είναι απλώς μια λίστα στοιχείων, αλλά μια σύνθεση στοιχείων και σχολίων.

Η προσαρμοσμένη λίστα ξεκινά με την ετικέτα <dl>. Κάθε στοιχείο της προσαρμοσμένης λίστας ξεκινά με την ετικέτα <dt>. Κάθε ορισμός του στοιχείου της προσαρμοσμένης λίστας ξεκινά με την ετικέτα <dd>.

<dl>
<dt>Καφέ</dt>
<dd>Μπλε ζεστό ποτό</dd>
<dt>Γάλα</dt>
<dd>Λευκή κρύα ποτό</dd>
</dl>

Ο Browser εμφανίζει ως εξής:

Καφέ
Μπλε ζεστό ποτό
Γάλα
Λευκή κρύα ποτό

Στην εσωτερική λίστα της λίστα ορισμένων περιγραφών μπορείτε να χρησιμοποιήσετε παραγράφους, χαρακτήρες νέας γραμμής, εικόνες, σύνδεσμους και άλλες λίστες κ.λπ.

Περισσότερα Παραδείγματα

Διαφορετικοί Τύποι Μη Σειριακών Λιστών
Αυτό το παράδειγμα δείχνει μια μη σειριακή λίστα.
Διαφορετικοί Τύποι Σειριακών Λιστών
Αυτό το παράδειγμα δείχνει διαφορετικούς τύπους σειριακών λιστών.
Εσωτερική Λίστα
Αυτό το παράδειγμα δείχνει πώς να εσωτερικοποιήσετε λίστες.
Εσωτερική Λίστα 2
Αυτό το παράδειγμα δείχνει πιο σύνθετες εσωτερικές λίστες.
Λίστα Ορισμένων Περιγραφών
Αυτό το παράδειγμα δείχνει μια λίστα ορισμένων περιγραφών.

Ετικέτες Λίστας

Ετικέτα Περιγραφή
<ol> Ορίζει τη σειριακή λίστα.
<ul> Ορίζει την μη σειριακή λίστα.
<li> Ορίζει το στοιχείο της λίστα ορισμένων περιγραφών.
<dl> Ορίζει τη λίστα ορισμένων περιγραφών.
<dt> Ορίζει το στοιχείο της ορισμένης περιγραφής.
<dd> Ορίζει την περιγραφή της ορισμένης περιγραφής.
<dir> Απόρριψη. Χρησιμοποιήστε το <ul> ως αντικαταστάτη του.
<menu> Απόρριψη. Χρησιμοποιήστε το <ul> ως αντικαταστάτη του.