[HTML] HTML Lists

Unordered list:

1. Unordered list starts with <ul>, with </ul> results.

Each list item starts with <li> tag.

2. Style: Bullet (small black circle)

Choose List Item Marker

The CSS property was used to define the style of the list-style-type list item marker:

<ul style= "List-style-type:disc" > Show bullet, small black dots?

<ul style= "list-style-type:circle" > Hollow Circle °

<ul style= "List-style-type:square" > Solid block

<ul style= "List-style-type:none" > No marker

Note: style= "List-style-type:none" syntax can be changed to type= "None", more simple. But there are fewer styles supported.

Extras

CJK Region:

One, two, three: style= "list-style-type:cjk-ideographic" or Cjk-decimal

Zodiac: Methyl ethyl-propyl: Cjk-heavenly-stem

Earthly: Obscure: Cjk-earthly-branch

One

A number of other marker:

<li style= "List-style-type:disc" >disc</li><li style= "List-style-type:circle" >circle</li> <li style= "List-style-type:square" >square</li><li style= "List-style-type:decimal" >decimal</ Li><li style= "List-style-type:decimal-leading-zero" >decimal-leading-zero</li><li style= " List-style-type:lower-roman ">lower-roman</li><li style=" List-style-type:upper-roman ">upper-roman </li><li style= "List-style-type:lower-greek" >lower-greek</li><li style= "List-style-type: Lower-latin ">lower-latin</li><li style=" List-style-type:upper-latin ">upper-latin</li>< Li style= "List-style-type:armenian" >armenian</li><li style= "List-style-type:georgian" >georgian </li><li style= "List-style-type:lower-alpha" >lower-alpha</li><li style= "List-style-type: Upper-alpha ">upper-alpha</li><li style=" List-style-type:none ">none</li><li style=" LIst-style-type:inherit ">inherit</li><li style=" List-style-image:url (' eyes.gif ') "> List-style-image:url (' eyes.gif ') </li>

The last one can use the image on the server as the marker.

3. Syntax

<ul> nested <li>, such as:

<ul>

<li>list1</li>

<li>list2</li>

</ul>

<li> nested list must first declare an OL or UL tag, if more than one, according to the most later.

Such as:

<ul>

<li>list1

<ul>

<li>list1-1</li>

<li>list1-2</li>

</ul>

</li>

<li>list2</li>

</ul>

Ordered list

1. OL tag

2. List item marker type

<ul type= "None" > Same unordered list

Type= "1" in digital notation

a/a uppercase and lowercase letters

i/i Case Roman Alphabet

[HTML] HTML Lists