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

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

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



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

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



    • Χρησιμοποιείται για τον ορισμό μιας μη ταξινομημένης λίστας
      1. Χρησιμοποιείται για τον καθορισμό μιας παραγγελίας λίστας
      2. Χρησιμοποιείται για τον ορισμό ενός στοιχείου λίστας
      3. Χρησιμοποιείται για τον ορισμό μιας λίστας περιγραφών
      4. Χρησιμοποιείται για τον ορισμό ενός όρου σε μια λίστα περιγραφών
      5. Χρησιμοποιείται για την περιγραφή του όρου σε μια λίστα περιγραφών

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

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

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

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



       

      Αθλητισμός

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

      Παραγωγή:

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

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



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

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

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

      Δίσκος:

       

      Αθλητισμός

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

      Παραγωγή:

      Δίσκος σε HTMLΚύκλος:

       

      Αθλητισμός

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

      Παραγωγή:

      Κύκλος-λίστα σε HTMLΤετράγωνο:

       

      Αθλητισμός

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

      Παραγωγή:

      SquareΚανένας:

       

      Αθλητισμός

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

      Παραγωγή:

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

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

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

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

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

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

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

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

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

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

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

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

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

        Αριθμοί:

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

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

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

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

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

        Πεζά γράμματαΚεφαλαία Roman Nu κύριος μικρό:

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

        Κεφαλαίος ρωμαϊκός αριθμός

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

         

        Αθλητισμός

        1. Κρίκετ
        2. Ποδόσφαιρο
        3. Μπέιζμπολ

        Παραγωγή:

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

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

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

        ετικέτα.
        η ετικέτα ορίζει τον όρο &
        προσθέτει περιγραφή σε αυτά.

         

        Αθλητισμός

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

        Παραγωγή:

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

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

         

        Αθλητισμός

        • Πινγκ πονγκ
        • Κρίκετ
          • Βιράτ Κόλι
          • Τζο Ρουτ
      2. Μπάσκετ

    Παραγωγή:

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

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

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