Οι λίστες αποτελούν ουσιαστικό μέρος της HTML για την εμφάνιση δεδομένων με οργανωμένο και ευανάγνωστο τρόπο. Η HTML παρέχει τρεις κύριους τύπους λιστών: μη ταξινομημένες λίστες, ταξινομημένες λίστες και λίστες ορισμών.
Οι μη ταξινομημένες λίστες(<ul>) χρησιμοποιούν συγκεκριμένα σημεία κουκκίδων και εμφανίζονται ως στοιχεία με εσοχή, συνήθως χρησιμοποιώντας μαύρες κουκκίδες. Αυτή είναι μια δημοφιλής επιλογή για την καταχώριση στοιχείων που δεν απαιτούν συγκεκριμένη παραγγελία.
Οι ταξινομημένες λίστες(<ol>) χρησιμοποιούν συγκεκριμένη αρίθμηση ή δείκτες χαρακτήρων και εμφανίζονται ως λίστα με διαδοχική σειρά. Αυτό χρησιμοποιείται συχνά για την καταχώριση στοιχείων με συγκεκριμένη σειρά ή την αρίθμησή τους.
Οι λίστες ορισμών(<dl>) χρησιμοποιούν ζεύγη όρων και περιγραφών για την εμφάνιση δεδομένων. Κάθε ζεύγος περικλείεται στις ετικέτες <dt>(όρος ορισμού) και <dd>(περιγραφή ορισμού). Αυτός είναι ένας αποτελεσματικός τρόπος εμφάνισης χαρακτηριστικών ή ορισμών για συγκεκριμένες έννοιες.
Λίστα χωρίς σειρά( <ul>)
- Το <ul> στοιχείο χρησιμοποιείται για τη δημιουργία μιας μη ταξινομημένης λίστας.
- Κάθε στοιχείο στη λίστα χωρίς σειρά τοποθετείται σε ένα <li> στοιχείο.
- Οι μη ταξινομημένες λίστες εμφανίζονται συνήθως με κουκκίδες ή παρόμοιους χαρακτήρες.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Λίστα παραγγελίας( <ol>)
- Το <ol> στοιχείο χρησιμοποιείται για τη δημιουργία μιας ταξινομημένης λίστας.
- Κάθε στοιχείο της ταξινομημένης λίστας τοποθετείται σε ένα <li> στοιχείο.
- Οι ταξινομημένες λίστες εμφανίζονται συνήθως με αριθμούς ή αλφαβητικούς χαρακτήρες.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Λίστα ορισμών( <dl>)
- Το <dl> στοιχείο χρησιμοποιείται για τη δημιουργία μιας λίστας ορισμών.
- Κάθε στοιχείο στη λίστα ορισμών αποτελείται από ένα ζεύγος ετικετών <dt>(ορισμός ορισμού) και <dd>(περιγραφή ορισμού).
- Η <dt> ετικέτα περιέχει τη λέξη-κλειδί ή το χαρακτηριστικό που ορίζεται, ενώ η <dd> ετικέτα περιέχει την περιγραφή ή την εξήγηση για τη συγκεκριμένη λέξη-κλειδί ή χαρακτηριστικό.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Τύπος λίστας Χαρακτηριστικό( <ul> και <ol>)
- Το χαρακτηριστικό type χρησιμοποιείται για τον καθορισμό του στυλ αρίθμησης μιας ταξινομημένης λίστας.
- Η τιμή του χαρακτηριστικού type μπορεί να είναι "1"(αριθμοί), "A"(κεφαλαία γράμματα), "a"(πεζά γράμματα), "I"(κεφαλαίοι λατινικοί αριθμοί) ή "i"(πεζοί λατινικοί αριθμοί) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Χαρακτηριστικό έναρξης( <ol>)
- Το χαρακτηριστικό start χρησιμοποιείται για τον καθορισμό της αρχικής τιμής της αρίθμησης σε μια ταξινομημένη λίστα.
- Η τιμή του χαρακτηριστικού start είναι θετικός ακέραιος.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Αντεστραμμένο χαρακτηριστικό( <ol>)
- Το χαρακτηριστικό reversed χρησιμοποιείται για την εμφάνιση μιας ταξινομημένης λίστας με αντίστροφη σειρά.
- Όταν εφαρμόζεται το χαρακτηριστικό αντίστροφο, η αρίθμηση θα εμφανίζεται με φθίνουσα σειρά.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Αυτά τα χαρακτηριστικά και τα στοιχεία σας επιτρέπουν να δημιουργείτε και να προσαρμόζετε λίστες σε HTML σύμφωνα με τις ανάγκες σας. Μπορείτε να τα χρησιμοποιήσετε για να εμφανίσετε δεδομένα με σαφή και οργανωμένο τρόπο στον ιστότοπό σας.