Δημιουργήστε κουκκίδες σε HTML χρησιμοποιώντας
- ετικέτες.
Η χρήση κουκκίδων βοηθά στη διάσπαση μεγάλων τμημάτων κειμένου και στην επισήμανση λιστών με χρήσιμες πληροφορίες. Τα σημεία κουκκίδων δημιουργούνται εύκολα σε λογισμικό επεξεργασίας κειμένου, αλλά όταν πληκτρολογείτε ένα έγγραφο HTML, πρέπει να γνωρίζετε τον κώδικα για να τα δημιουργήσετε. Δεν απαιτείται πολύς κώδικας για τη δημιουργία μιας λίστας κουκκίδων. Τυλίξτε κάθε λίστα μέσα
- ή ετικέτες "μη ταξινομημένη λίστα". Στη συνέχεια, μπορείτε να κάνετε ό, τι θέλετε με τη λίστα κουκκίδων χρησιμοποιώντας τον κώδικα Cascading Style Sheet.
Βήμα 1
Γράψτε το κείμενο για τις κουκκίδες σας. Ξεκινήστε κάθε σημείο στη δική του γραμμή. Τυλίξτε κάθε γραμμή μέσα
Το βίντεο της ημέρας
Βήμα 2
Δημιουργήστε μια κενή γραμμή πάνω από τη λίστα με κουκκίδες και, στη συνέχεια, πληκτρολογήστε ένα άνοιγμα
- ετικέτα σε αυτή τη γραμμή. Βρείτε το τέλος της λίστας με κουκκίδες και, στη συνέχεια, δημιουργήστε μια άλλη κενή γραμμή εκεί. Πληκτρολογήστε ένα κλείσιμο
- ετικέτα. Ακολουθεί ένα παράδειγμα σύντομης λίστας κουκκίδων με χαρακτηριστικό ID:
- Σφαίρα ένα
- Σφαίρα δύο
Βήμα 3
Χρησιμοποιήστε το "style" για να δημιουργήσετε τη λίστα κουκκίδων σας χρησιμοποιώντας κώδικα CSS. Προσθέστε κώδικα CSS μεταξύ των ετικετών μεταξύ των ετικετών και ή μπορείτε να γράψετε τον κώδικα CSS σε ένα εξωτερικό αρχείο .CSS και να ενσωματώσετε το αρχείο χρησιμοποιώντας ένα ετικέτα σαν αυτό:. Αλλάξτε το "path/to/stylesheet.css" με τη διαδρομή προς το αρχείο .CSS που δημιουργείτε. Χρησιμοποιήστε το χαρακτηριστικό ID ή class για να επιλέξετε τις λίστες κουκκίδων, όπως:
#mylist li { font-style: italic; }
Ο παραπάνω κωδικός επιλέγει όλα
Βήμα 4
Χρησιμοποιήστε την ιδιότητα "list-style" στο CSS για να αλλάξετε τον τύπο κουκκίδας. Οι διαθέσιμοι τύποι κουκκίδων περιλαμβάνουν ανοιχτούς κύκλους, συμπληρωμένους δίσκους και τετράγωνα για μη αριθμημένες, μη αλφαβητισμένες λίστες. Ακολουθεί ένα παράδειγμα για τετράγωνες σφαίρες:
#mylist li {list-style: Square;}
Υπόδειξη
Χρησιμοποιήστε το
- ετικέτα αντί για
- για να δημιουργήσετε ταξινομημένες λίστες. Στη συνέχεια, μπορείτε να ορίσετε τον τύπο "στυλ λίστας" σε διάφορους τύπους αριθμών ή γραμμάτων.
- προσθέστε ετικέτα σε μια μη επαναλαμβανόμενη, αριστερή στοίχιση εικόνα φόντου. Προσθέστε γέμιση στην αριστερή πλευρά του καθενός
- ετικέτα για να μετακινήσετε το κείμενο, διαφορετικά θα επικαλύπτει την εικόνα.
Δημιουργήστε κουκκίδες εικόνας ορίζοντας "none" για το χαρακτηριστικό "list-style" και μετά δώστε κάθε
