Jak tworzyć punkty pocisków HTML?

HTML Bullet Punkty są wyposażone w zamówione lub nieopisane elementy listy. „„

”Jest wykorzystywany do tworzenia nieuporządkowanej listy i„
”Tag jest używany do tworzenia uporządkowanej listy. Wraz z tym „„
1. ”Tag jest używany do tworzenia każdego elementu na liście. Celem korzystania z listy pocisków jest wyświetlanie wielu treści w formularzu listy, aby zawartość była łatwa do zrozumienia dla użytkownika. Jeśli na stronie internetowej znajduje się więcej niż jedna lista, aby utworzyć separację wizualną, można użyć różnych punktów w stylu.

   W tym artykule pokazano, jak tworzyć punkty pocisków w HTML:

   • Zamówiono listy punktów pocisków
   • Punkty pocisków bez uporządkowanych

   Jak utworzyć zamówione punkty pocisków listy w HTML?

   Uporządkowane listy są używane, gdy programista chce wyświetlić listę treści w zamówionym formularzu. Pociski przedmiotów na uporządkowanej liście są głównie w postaci numerycznej lub alfabetycznej. Postępuj zgodnie z poniższą demonstracją, aby uzyskać wiedzę na temat stylu głównie używanego pocisku dla uporządkowanych list w HTML:

   Przykład 1: Liczby jako punkt pocisku

   Domyślnie lista zamówień wyświetla liczby jako punkty pocisku z elementami listy zawsze zaczynającymi się od jednego.

   
   

   Zasilane przez Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Kowal
   6. Auston
   
   
   
   

   Po wykonaniu powyższego kodu strona internetowa wygląda tak:

   Wyjście wyświetla się, że elementy uporządkowane są wyświetlane w domyślnym stylu pocisku.

   Przykład 2: wielkie litery

   Aby wyświetlić „Postacie alfabetyczne”Jako punkty z listą listy uporządkowanej listy. „„typ”Atrybut„

   ”Jest używany i ustawiony na„B”Co oznacza postacie alfabetyczne w górnym przypadku:
   
   

   Zasilane przez Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Kowal
   
   
   
   

   Po wykonaniu powyższego kodu strona internetowa wygląda tak:

   Dane wyjściowe pokazuje, że punkty pocisków są w wielkich znakach.

   Przykład 3: małe litery

   Aby ustawić małe litery jako punkt pocisku, „typ„Wartość atrybutu jest ustawiona na„A”:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Kowal
   
   
   
   

   Po wyświetleniu powyższego kodu strona internetowa wygląda tak:

   Powyższe wyjście pokazuje, że punkty pocisków są teraz zmieniane na małe postacie.

   Przykład 4: wielkie liczby rzymskie

   Liczby rzymskie można również wstawić jako punkt pocisku dla uporządkowanych elementów listy. Do ustawiania wielkich liczb rzymskich, „typ„Wartość atrybutu jest ustawiona na kapitał”I" jak pokazano niżej:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Kowal
   
   
   
   

   Po wykonaniu powyższego fragmentu kodu strona internetowa wygląda tak:

   Powyższe wyjście wyświetla się, że wielkie liczby rzymskie są teraz wybierane jako punkty pocisku.

   Przykład 5: małe liczby rzymskie

   W ten sam sposób wyświetl małe liczby rzymskie, „I”Jest ustawiona jako wartość dla„typ”Atrybut, jak pokazano poniżej:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Kowal
   
   
   
   

   Po wykonaniu powyższego kodu:

   Powyższe wyjście pokazuje, że małe liczby rzymskie są ustawione jako punkty pocisków dla elementów listy.

   Jak utworzyć nieoporzmione punkty pocisków w HTML?

   Lista nieopisana jest wykorzystywana do wyświetlania listy elementów, które nie są w porządku. Oznacza to, że zawartość elementu listy można umieścić na dowolnej pozycji na liście. Istnieją cztery możliwe style pocisków dla nieuporządkowanej listy:

   Przykład 1: Pullet Disc Bullet

   „„dysk„Styl to domyślny styl dla nieuporządkowanej listy. Chociaż "dysk„Styl można również przypisać do elementów listy za pomocą„typ”Atrybut, jak pokazano poniżej:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Po wykonaniu powyższego fragmentu kodu strona internetowa wygląda tak:

   Wyjście ilustruje, że style pocisków są ustawione na „dysk”Styl.

   Przykład 2: Bullet Circle Point

   „„typ„Atrybut listy nie zamówionej jest wykorzystywany do ustawiania stylu pocisku jako„koło„Za pośrednictwem poniższego fragmentu kodu:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Po wykonaniu powyższego fragmentu kodu:

   Dane wyjściowe potwierdza, że ​​lista elementów pocisków jest teraz ustawiona na „koło".

   Przykład 3: Square Bullet Point

   Aby ustawić wartość „typ" przypisują "kwadrat”, Użytkownicy mogą tworzyć kwadratowe pociski projektowe z listą listy nieuporządkowanej listy:

   
   

   Zasilane przez Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Po skonchulacji wyżej wymieniony kod, strona wygląda tak:

   Wyjście potwierdza, że ​​listy pocisków w kształcie kwadratowego są teraz przypisane do każdego elementu listy.

   Wniosek

   Styl pocisku można zaprojektować dla uporządkowanych i nieoporządkowanych list za pomocą „typ" atrybut. Dla uporządkowanej listy „typ„Wartości„1 ”,„ A ”,„ A ”,„ ja ”i„ ja”Ustaw punkt pocisku na„Numerical ”,„ Ogromna postać ”,„ Mała postać ”,„ Ogromna liczba rzymska ”i„ Mała liczba rzymska rzymskaOdpowiednio. W przypadku listy nieopisanej „Disc ”,„ Square ”i„ Circle”Wyświetl odpowiednio dysk, kwadrat i okrąg jako punkty kulowe. W tym artykule z powodzeniem pokazano, jak tworzyć punkty pocisków/stylu.