Κουκκίδες και αριθμημένες λίστες HTML

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

Οι κατάλογοι αυτοί μπορούν να μετατραπούν κατά βούληση. Όλα εξαρτώνται από τη φαντασία σας. Πρώτον, θεωρούμε κατ 'αποκοπή καταλόγους, όπως το Word, και στη συνέχεια θα τις βελτιώσει και να κάνει έξω από κάθε αναγνώριση.

Αριθμημένη λίστα HTML

Ουδέτερη διέταξε λίστα HTML μπορούν να δημιουργηθούν χρησιμοποιώντας τις ακόλουθες λέξεις-κλειδιά:

1. Πρώτο στοιχείο Λίστα

2. δεύτερο στοιχείο Λίστα

3. Το τρίτο στοιχείο Λίστα

   Απλή λίστα εδώ μοιάζουν

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

4. , στη συνέχεια, τους βάζει αυτόματα μπροστά .

   Έτσι, οι λίστες μπορεί να γίνει όπως φαίνεται παρακάτω.

   Αλλά από την άποψη των επαγγελματιών είναι εσφαλμένη.

   λίστες με κουκκίδες

   Χωρίς αριθμό (ή δείκτη) λίστες είναι ακριβώς η ίδια, μόνο που αντί η ετικέτα ol γραπτή ul.

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

   Η πολυεπίπεδη αριθμημένη λίστα HTML

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

   Για να δημιουργήσετε μια λίστα που καθορίζεται στο παραπάνω παράδειγμα, θα πρέπει να γράψετε τα παρακάτω.

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

   Για αριθμημένες καθορίσετε τον τύπο του αλφαβήτου ή αριθμούς, και για τις υπόλοιπες περιπτώσεις - το είδος του δείκτη.

   διαλογή λίστα επιλογών

   Εάν χρησιμοποιείτε μια ειδική HTML-tag, αριθμημένες λίστες μπορεί να είναι οποιοδήποτε τρόπο θέλετε.

   Μπορείτε να ορίσετε το χαρακτηριστικό τύπο σε οποιαδήποτε τιμή από το τραπέζι. Ή τάξη στυλ CSS καθορίσετε τη λίστα-style-τύπου με τον επιθυμητό τύπο ταξινόμησης.

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

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

   • 1 - αραβικούς αριθμούς?
   • Α - κεφαλαία γράμματα ?
   • α - πεζά γράμματα?
   • Ι - κεφαλαία λατινικούς αριθμούς?
   • i - πεζά λατινικούς αριθμούς.

   Από προεπιλογή, η λίστα χρησιμοποιείται πάντα με αραβικούς αριθμούς. Δηλαδή, αν δεν καθορίσετε τίποτα, είναι ισοδύναμη με τον τύπο = «1».

   Επιπλέον, αριθμημένες λίστες μπορεί να αρχίσει σε οποιαδήποτε επιθυμητή θέση. Προεπιλογή - η σύναψη 1. Αλλά αν θέλετε μπορείτε ακόμη και να ξεκινήσει με εκατό. Για να γίνει αυτό, πρέπει να καθορίσετε την παράμετρο εκκίνησης με οποιαδήποτε τιμή.

   Επιπλέον, μπορούμε να συμπεράνουμε με αντίστροφη σειρά. Για να το κάνετε αυτό, γράψτε αντιστραφεί.

   Κάνοντας λίστες

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

   Εδώ είναι όμορφα παραδείγματα των καταλόγων.

   Όπως μπορεί να φανεί από το παράδειγμα, είναι δυνατό να αλλάξουν την εμφάνιση και την αρίθμηση των ίδιων των στοιχείων.

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

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

   Σκεφτείτε πρώτη εφαρμογή με μια λίστα ελέγχου κυκλική. Επιστροφή στη λίστα κωδικών. Υπάρχει Σετ κατηγορία στρογγυλεμένες-list. Αυτό είναι με αυτή την κατηγορία πρέπει να πειραματιζόμαστε, να κάνει τέτοια ομορφιά. Καλέστε την τάξη σας όπως εσείς επιθυμείτε.

   Τώρα σκεφτείτε ένα τετράγωνο σχεδιασμό.

   Το στυλ είναι πολύ παρόμοια. Η διαφορά είναι ότι στην πρώτη περίπτωση υπάρχει η στρογγυλοποίηση των στοιχείων μέσω των επιλογών CSS.

   Υποστήριξη του προγράμματος περιήγησης

   Είναι σημαντικό να καταλάβουμε ότι δεν είναι όλα τα προγράμματα περιήγησης υποστηρίζουν όλα τα χαρακτηριστικά CSS.

   Για παράδειγμα, θέλετε να κάνετε μια λίστα με αρίθμηση στη μέση. HTML κώδικα θα είναι το ίδιο, αλλά το αποτέλεσμα σε παλαιότερα προγράμματα περιήγησης μπορεί να είναι αρκετά διαφορετική.

   Το ίδιο ισχύει και για το σχεδιασμό της αρίθμησης.

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

   Επαγγελματικό κωδικοποιητή πρέπει να προβλέπουν και να καταλάβουμε ότι δεν είναι όλοι οι χρήστες χρησιμοποιούν οι σύγχρονοι υπολογιστές. Δεν είναι όλα εγκατεστημένα τα Windows 7, 8, 10. Υπάρχει ένα ποσοστό των χρηστών που κάθεται ακόμα στο Windows XP και χρησιμοποιεί μια παλαιότερη έκδοση του Internet Explorer.

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

   Μερικά webmasters κάνουν τα στραβά μάτια σε αυτούς, γιατί το μερίδιό τους στην αγορά σήμερα είναι όλο και λιγότερο. Αλλά για τους επαγγελματίες εκτιμούν κάθε επισκέπτη, ειδικά αν πρόκειται για μια εμπορική περιοχή.

   Κάντε κάτι κατάλληλο για όλους ή να εξετάσει όλες τις επιλογές για το πρόγραμμα περιήγησης.