Hvordan lage HTML -kulepunkter?

HTML -kulepunktene kommer med bestilte eller uordnede listeartikler. “

”Brukes for å lage den uordnede listen og“
”Tag brukes til å lage den bestilte listen. Sammen med det, "
1. ”Tag brukes til å lage hvert element på listen. Hensikten med å bruke en kuleliste er å vise flere innhold i listeformingen for å gjøre innholdet enkelt å forstå for brukeren. Hvis det er mer enn ett listeelement på nettstedet, kan du bruke visuell separasjon.

   Denne artikkelen viser hvordan du lager kulepunkter i HTML:

   • Bestilte liste kulepunkter
   • Uordnede liste Kulepunkter

   Hvordan lage bestilte liste kulepunkter i html?

   De bestilte listene brukes når utvikleren ønsker å vise innholdslisten i bestilt skjema. Varene i den bestilte listen er mest i form av numerisk eller alfabetisk. Følg demonstrasjonen nedenfor for å få kunnskap om stilen til den mest brukte kulen for bestilte lister i HTML:

   Eksempel 1: Tall som kulepunkt

   Som standard viser ordrelisten tall som kulepunkter med listeelementer som alltid starter fra en.

   
   

   Drevet av Linuxhint

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

   Etter utførelsen av koden ovenfor ser websiden slik ut:

   Utgangen viser at de bestilte listeelementene vises med standard kulestil.

   Eksempel 2: store bokstaver

   Å vise “Alfabetiske tegn”Som kulepunkter med listeelementer på en bestilt liste. “type”Attributt av“

   ”Brukes og satt til“b”Som betyr alfabetiske tegn i store bokstaver:
   
   

   Drevet av Linuxhint

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

   Etter utførelsen av koden ovenfor ser websiden slik ut:

   Utgangen viser at kulepunktene er i store bokstaver.

   Eksempel 3: små bokstaver

   For å sette små bokstaver som et kulepunkt, “type”Attributtverdi er satt til“en”:

   
   

   Drevet av Linuxhint

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

   Etter å ha vist ovennevnte kode, ser websiden slik ut:

   Ovennevnte utgang viser at kulepunktene nå endres til små bokstaver.

   Eksempel 4: Romertall i store bokstaver

   Romertallene kan også settes inn som et kulepunkt for de bestilte listeartiklene. For å sette de store romertallene, “type”Attributtverdi er satt til kapital”Jeg" som vist under:

   
   

   Drevet av Linuxhint

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

   Etter å ha utført kodebiten ovenfor, ser websiden slik ut:

   Ovennevnte utgang viser at de store romertallene nå er valgt som kulepunkter.

   Eksempel 5: Romertall med små bokstaver

   På samme måte kan du vise de romerske tallene i små bokstaver, "Jeg”Er satt som en verdi for“type”Attributt som vist nedenfor:

   
   

   Drevet av Linuxhint

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

   Etter å ha utført koden ovenfor:

   Ovennevnte utdata illustrerer at de små romerske tallene er satt som kulepunkter for listeelementer.

   Hvordan lage uordnede liste kulepunkter i HTML?

   Den uordnede listen brukes til å vise listen over elementer som ikke er i orden. Dette betyr at innholdet av listeelementet kan plasseres i alle posisjoner i listen. Det er fire mulige kulestiler for en uordnet liste:

   Eksempel 1: Disc Bullet Point

   “plate”Stil er standardstilen for den uordnede listen. Selv om "plate”Stil kan også tilordnes listeelementene ved hjelp av“type”Attributt som vist nedenfor:

   
   

   Drevet av Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Etter utførelsen av ovennevnte kodebit, ser nettsiden slik ut:

   Utgangen illustrerer at kulestilene er satt til “plate" stil.

   Eksempel 2: sirkel kulepunkt

   “type”Attributt til den uordnede listen brukes til å sette kulestilen som“sirkel”Via kodebiten nedenfor:

   
   

   Drevet av Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Etter utførelse av ovennevnte kodebit:

   Utgangen bekrefter at listeelementene nå er satt til "sirkel”.

   Eksempel 3: Square Bullet Point

   For å angi verdien av “type" tilskrive "torget”, Kan brukere lage firkantede designkuler med listeelementene på den uordnede listen:

   
   

   Drevet av Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Etter sammenstilling av den ovennevnte koden ser websiden slik ut:

   Utgangen bekrefter at de firkantede kulelistene nå er tilordnet med hvert listeelement.

   Konklusjon

   Bullet -stilen kan styles for bestilte og uordnede lister ved hjelp av "type" Egenskap. For den bestilte listen, “type”Verdier av“1 ”,“ A ”,“ A ”,“ Jeg ”og“ Jeg”Sett kulepunktet til“Numerisk ”,“ store karakter ”,“ små bokstaver ”,“ store romerske nummer ”og“ små bokstaver romersk nummerHenholdsvis. I tilfelle av en uordnet liste, "plate ”,“ firkant ”og“ sirkel”Vis henholdsvis platen, firkantet og sirkelen som kulepunkter. Denne artikkelen har vellykket demonstrert hvordan du lager/stil kulepunkter.