Twórz wypunktowania w HTML za pomocą
- Tagi.
Korzystanie z wypunktowań pomaga dzielić duże fragmenty tekstu i wskazywać listy przydatnych informacji. Punktory są łatwe do tworzenia w oprogramowaniu do edycji tekstu, ale kiedy piszesz dokument HTML, musisz znać kod, aby je utworzyć. Do utworzenia listy punktowanej potrzeba niewiele kodu. Zawiń każdą listę w
- lub tagi „lista nieuporządkowana”. Następnie możesz zrobić wszystko, co chcesz, korzystając z listy punktowanej, używając kodu kaskadowego arkusza stylów.
Krok 1
Napisz tekst do swoich wypunktowań. Rozpocznij każdy punkt na własnej linii. Owiń każdą linię w
Wideo dnia
Krok 2
Utwórz pustą linię nad listą punktowaną, a następnie wpisz otwór
- znacznik w tej linii. Znajdź koniec listy punktowanej, a następnie utwórz tam kolejny pusty wiersz. Wpisz zamknięcie
- etykietka. Oto przykład krótkiej listy punktowanej z atrybutem ID:
- Pocisk pierwszy
- Pocisk drugi
Krok 3
Użyj „style”, aby utworzyć listę punktowaną za pomocą kodu CSS. Dodaj kod CSS między tagami między tagami i lub możesz napisać kod CSS w zewnętrznym pliku .CSS i osadzić plik za pomocą tag w ten sposób:. Zmień „path/to/stylesheet.css” na ścieżkę do utworzonego pliku .CSS. Użyj atrybutu ID lub class, aby wybrać listy punktowane, na przykład:
#mylist li { styl czcionki: kursywa; }
Powyższy kod wybiera wszystko
Krok 4
Użyj właściwości „list-style” w CSS, aby zmienić typ punktora. Dostępne typy punktorów obejmują otwarte koła, wypełnione dyski i kwadraty dla nienumerowanych, niealfabetycznych list. Oto przykład dla pocisków kwadratowych:
#mylist li {styl listy: kwadrat;}
Wskazówka
Użyj
- tag zamiast
- do tworzenia uporządkowanych list. Następnie możesz ustawić typ „listy” na różne typy cyfr lub liter.
- oznaczyć niepowtarzający się, wyrównany do lewej obraz tła. Dodaj dopełnienie po lewej stronie każdego
- znacznik, aby przenieść tekst, w przeciwnym razie nałoży się na obraz.
Utwórz punktory obrazkowe, określając „none” dla atrybutu „list-style”, a następnie nadaj co
