Ο κώδικας HTML για τις λίστες που έχουν ενσωματωθεί

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

Τύποι λίστας

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

    ετικέτες. Αυτό δίνει μια λίστα με κουκκίδες - αν και μπορείτε να καταργήσετε τις σφαίρες στο CSS θέτοντας τον τύπο στυλ λίστας σε "none". Ο δεύτερος είναι ένας ταξινομημένος κατάλογος, ο οποίος καλείται με
      , η οποία επιστρέφει μια αριθμημένη λίστα. Μεταξύ των ετικετών ανοίγματος και κλεισίματος, ορίζετε κάθε στοιχείο λίστας. Για παράδειγμα:

      • Καταχωρίστε το στοιχείο 1
      • Καταχωρίστε το στοιχείο 2

      Ένθετη λίστα

      Για να δημιουργήσετε μια λίστα με ένθετα, πρέπει να καλέσετε ένα δευτερόλεπτο

        ή
          πριν από ένα δεδομένο
        1. ετικέτα έχει κλείσει. Βεβαιωθείτε ότι έχετε κλείσει σωστά τη λίστα. Για παράδειγμα, για να δημιουργήσετε μια λίστα με παραγγελίες που είναι ενσωματωμένη σε μια μη ταξινομημένη λίστα, χρησιμοποιήστε τον ακόλουθο κώδικα:

          • Καταχωρίστε το στοιχείο 1
            1. Θέμα 1 της υποκατηγορίας
            2. Υπόλογος κατάλογος 2
            3. Θέμα 3 του υπολόγου
          • Καταχωρίστε το στοιχείο 2

          Βεβαιωθείτε ότι κλείσατε κάθε στοιχείο της λίστας και κάθε λίστα με κωδικό κλεισίματος, όπως π.χ.

        2. ,
      και .

      Δηλώνοντας το CSS

      Εάν θέλετε να προσαρμόσετε την εμφάνιση της ένθετης λίστας, πρέπει να χρησιμοποιήσετε το CSS, το οποίο σημαίνει "Cascading Style Sheet." Η αισθητική και η τοποθέτηση του CSS περιέχονται συνήθως σε ένα ξεχωριστό φύλλο στυλ, το οποίο καλείται από τις ετικέτες κεφαλίδας με κώδικα παρόμοιο με το ακόλουθο:

      Το CSS μπορεί επίσης να δηλωθεί ως "Inline", το οποίο σημαίνει στο ίδιο το χαρακτηριστικό γνώρισμα HTML, όπως αυτό:

        Το Inline CSS έχει προτεραιότητα έναντι του κώδικα στο φύλλο στυλ.

        Στο φύλλο στυλ

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

        ul {

        χαρακτηριστικό: αξία;

        }}

        Αυτό θα έδινε στυλ στον μη ταξινομημένο κατάλογο. Για να δώσετε στυλ σε ένα ένθετο

      • , χρησιμοποιήστε τον ακόλουθο κώδικα:

        li li {

        χαρακτηριστικό: αξία;

        }}

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

      Συνιστάται

      Τεχνική προσαρμογής για στελέχωση
      2019
      Επίπεδα Πολιτισμού & Υποκαλλιέργεια για τη Διαχείριση Οργανισμών
      2019
      Σημασία της επωνυμίας και της διαφήμισης
      2019