Πώς να εφαρμόσετε διαφορετικούς τύπους λίστας σε HTML;

Οι λίστες είναι ένας από τους σημαντικούς τρόπους αναπαραγωγής δεδομένων και πληροφοριών όπου κάθε εγγραφή εμφανίζεται σε μία γραμμή. Υπάρχουν διάφοροι τρόποι αναπαράστασης δεδομένων σε μια λίστα, όπως κατά σειρά ή με μη ταξινομημένο τρόπο. Θα καλύψω τα ακόλουθα θέματα σε αυτήν τη λίστα άρθρο:

• Τύποι λιστών σε HTML
• Λίστα HTML χωρίς παραγγελία
• Λίστα HTML κατά παραγγελία
• Λίστες περιγραφής HTML
• Ένθετη λίστα σε HTML

Τύποι λίστας σε HTML

Προτού αρχίσουμε να δημιουργούμε μια λίστα, ας δούμε πρώτα τις ετικέτες HTML:

• Χρησιμοποιείται για τον ορισμό μιας μη ταξινομημένης λίστας
  • Χρησιμοποιείται για τον καθορισμό μιας παραγγελίας λίστας
    2. Χρησιμοποιείται για τον ορισμό ενός στοιχείου λίστας

    3. Χρησιμοποιείται για τον ορισμό μιας λίστας περιγραφών

    4. Χρησιμοποιείται για τον ορισμό ενός όρου σε μια λίστα περιγραφών
    5. Χρησιμοποιείται για την περιγραφή του όρου σε μια λίστα περιγραφών

  Ας καταλάβουμε πώς μπορείτε να δημιουργήσετε διαφορετικά είδη λίστας σε HTML.

  Μη ταξινομημένη λίστα

  Για να ορίσουμε μια μη ταξινομημένη λίστα σε HTML που χρησιμοποιούμε

  και στη συνέχεια ορίζουμε τη λίστα των στοιχείων στο
  • ετικέτα. Από προεπιλογή, η λίστα των στοιχείων επισημαίνεται με κουκκίδες (δηλαδή μικρούς μαύρους κύκλους).
    
    
    

     
    Αθλητισμός
     
     
    Κρίκετ
     
    Ποδόσφαιρο
     
    Μπέιζμπολ
     
     

    Παραγωγή:

    

    Λίστα χωρίς διάταξη HTML: Διαφορετικοί δείκτες στοιχείων

    
    
    

    τι είναι ένα substring στο java

    Μπορείτε να επιλέξετε από μια λίστα δεικτών χρησιμοποιώντας ιδιότητα τύπου τύπου λίστας CSS. Ας δούμε διαφορετικές ιδιότητες τύπου στυλ λίστας CSS που μπορείτε να χρησιμοποιήσετε για να ορίσετε διαφορετικό στυλ μαρκαδόρων:

    • δίσκος : Ρυθμίζει το δείκτη στοιχείου λίστας σε κουκκίδες
    • κύκλος : Ρυθμίζει το δείκτη στοιχείου λίστας σε κύκλο
    • τετράγωνο : Ρυθμίζει το δείκτη στοιχείου λίστας σε ένα τετράγωνο
    • κανένας : Τα στοιχεία της λίστας δεν θα επισημανθούν

    Δίσκος:

     
    Αθλητισμός
     
     
    Κρίκετ
     
    Ποδόσφαιρο
     
    Μπέιζμπολ
     
     

    Παραγωγή:

    Κύκλος:

     
    Αθλητισμός
     
     
    Κρίκετ
     
    Ποδόσφαιρο
     
    Μπέιζμπολ
     
     

    Παραγωγή:

    Τετράγωνο:

     
    Αθλητισμός
     
     
    Κρίκετ
     
    Ποδόσφαιρο
     
    Μπέιζμπολ
     
     

    Παραγωγή:

    Κανένας:

     
    Αθλητισμός
     
     
    Κρίκετ
     
    Ποδόσφαιρο
     
    Μπέιζμπολ
     
     

    Παραγωγή:

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

    Τακτοποιημένη λίστα

    Για να ορίσουμε μια λίστα με παραγγελίες σε HTML που χρησιμοποιούμε

    και στη συνέχεια ορίζουμε τη λίστα των στοιχείων στο
    1. ετικέτα.
       Από προεπιλογή, η λίστα των στοιχείων επισημαίνεται με αριθμούς.

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       Τώρα ας δούμε μερικές από τις παραλλαγές των παραγγελθέντων λιστών.

       Λίστα παραγγελιών HTML - Τύπος χαρακτηριστικού

       Υπάρχουν διαφορετικοί τύποι δεικτών αντικειμένων για μια λίστα με παραγγελία:

       • τύπος = '1 ″ Τα στοιχεία της λίστας θα αριθμούνται με αριθμούς (προεπιλογή)

       • τύπος = 'A' Τα στοιχεία της λίστας θα αριθμούνται με κεφαλαία γράμματα

       • πληκτρολογήστε = 'a' Τα στοιχεία της λίστας θα αριθμούνται με πεζά γράμματα

       • τύπος = 'εγώ' Τα στοιχεία της λίστας θα αριθμούνται με κεφαλαίους λατινικούς αριθμούς

       • τύπος = 'εγώ' Τα στοιχεία της λίστας θα αριθμούνται με πεζούς λατινικούς αριθμούς

       Αριθμοί:

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       Κεφαλαία γράμματα:

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       Πεζά γράμματα:

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       Κεφαλαία Roman Nu κύριος μικρό:

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       

       Πεζά ρωμαϊκά νούμερα:

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Ποδόσφαιρο
        
       Μπέιζμπολ
        
        

       Παραγωγή:

       

       Λίστες περιγραφής HTML

       Μπορείτε επίσης να δημιουργήσετε λίστες περιγραφής σε HTML. Μια λίστα περιγραφής χρησιμοποιείται για τη δημιουργία μιας λίστας όρων και την προσθήκη μιας περιγραφής σε αυτούς. Μπορείτε να δημιουργήσετε μια λίστα περιγραφών χρησιμοποιώντας

       ετικέτα.

       η ετικέτα ορίζει τον όρο &

       προσθέτει περιγραφή σε αυτά.

        
       Αθλητισμός
        
        
       Κρίκετ
        
       Το κρίκετ είναι ένα παιχνίδι νυχτερίδας και μπάλας που παίζεται μεταξύ δύο ομάδων έντεκα παικτών σε ένα γήπεδο στο κέντρο του οποίου είναι ένα γήπεδο 20 μέτρων με ένα wicket σε κάθε άκρο, το καθένα αποτελείται από δύο μπαλάκια ισορροπημένα σε τρία κολοβώματα.
        
       Πινγκ πονγκ
        
       Το πινγκ-πονγκ, επίσης γνωστό ως πινγκ-πονγκ, είναι ένα άθλημα στο οποίο δύο ή τέσσερις παίκτες χτυπούν μια ελαφριά μπάλα μπρος-πίσω σε ένα τραπέζι χρησιμοποιώντας μικρές ρακέτες. Το παιχνίδι πραγματοποιείται σε σκληρό τραπέζι διαιρούμενο με δίχτυ.
        
        

       Παραγωγή:

       Ένθετη λίστα σε HTML

       Μπορείτε επίσης να δημιουργήσετε μια ένθετη λίστα σε HTML.

        
       Αθλητισμός
        
        
       Πινγκ πονγκ
        
       Κρίκετ
        
       Βιράτ Κόλι
        
       Τζο Ρουτ
        
        

       Μπάσκετ
        

  Παραγωγή:

  Τώρα μετά την εκτέλεση των παραπάνω αποσπασμάτων θα καταλάβατε πώς να δημιουργήσετε λίστες σε HTML. Ελπίζω ότι αυτό το blog είναι ενημερωτικό και προστιθέμενη αξία για εσάς.

  Ρίξτε μια ματιά στο δικό μας που έρχεται με ζωντανή εκπαίδευση με καθοδήγηση εκπαιδευτή και πραγματική εμπειρία έργου. Αυτή η εκπαίδευση σας κάνει ικανό σε δεξιότητες για να εργαστείτε με τεχνολογίες ιστού back-end και front-end Περιλαμβάνει εκπαίδευση σε Web Development, jQuery, Angular, NodeJS, ExpressJS και MongoDB.

  Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του ιστολογίου 'Λίστα σε HTML' και θα επικοινωνήσουμε μαζί σας.