Bullet Typer for HTML-lister

Legge til en punktliste til nettstedet ditt kan være en god måte å enkelt presentere sekvensiell eller ikke sekvensiell informasjon. I tillegg til standardstilen, både bestilt og sorterte HTML-lister har flere forskjellige kulestiler som du kan bruke til å bedre matche resten av ditt nettsted.

Bestilte listestiler

Standard kule stil for en ordnet liste er tall. For å bruke en alternativ stil, legge til "type" attributt til <ol> tag. Alternativer for "type" attributt er "A" for å vise store bokstaver, "a" for å vise små bokstaver, "I" for å vise store romertall og "i" for å vise små romertall. For eksempel:

<Ol type = "A">

<Li> Katter </ li>

<Li> Dogs </ li>

<Li> Birds </ li>

</ Ol>

Sorterte liste Styles

Standard kule stil for en uordnet liste er en rund svart kule. For å bruke en alternativ stil, legge til "type" attributt til <ul> tag. Alternativer for "type" attributt er "sirkel" for å vise en fylling sirkel og "firkantet" for å vise sorte firkanter. For eksempel:

<Ul type = "firkantet">

<Li> Katter </ li>

<Li> Dogs </ li>

<Li> Birds </ li>

</ Ul>

betraktninger

Ved hjelp av forskjellige kulestiler kan legge visuell interesse til nettstedet ditt og gjøre det skiller seg ut fra lignende sider. På den annen side kan bruke for mange forskjellige kulestiler på samme side at det ser rotete og forvirrende. Test alltid HTML-koden før du laster opp den nye siden til nettstedet ditt for å sikre at det ser ut slik du ønsker det.

Advarsel

Den "type" attributt anses frarådet for både <ol> og <ul> tags; selv om dagens nettlesere fortsatt støtte det, kan attributtet bli foreldet i fremtiden og støtte for det kan opphøre. W3Schools anbefale å bruke CSS i stedet for "type" attributt for å endre kule stil for lister; styling lister med CSS tilbyr den ekstra fordelen av å kunne erstatte kuler med bilder.