Home > Developer > Web Develop
The list is equivalent to the shopping list when you go to the supermarket.
You can also create lists in HTML, with a total of three lists in the Web page:
1. Unordered list
2. Sequence list
3. Defining the list
unordered list
-Use the UL tag to create an unordered list
-use Li to create a list item in UL,
An LI is a list item
You can modify bullets for unordered lists by using the Type property
Optional values:
Disc, default value, Solid dot
Square, a solid block
Circle, Hollow Circle
Note: The default bullets are generally not used!!
If you need to set bullets, you can set the background picture for Li by setting the
Both UL and Li are block elements
list with sequence
There is a sequence table similar to an unordered list, except that it uses OL to replace UL
Sequential lists use ordinal sequence numbers as bullets
Type property, which can be specified as an ordinal
Selectable values: 1, default value, using Arabic numerals
a/a with lowercase or uppercase letters as ordinal numbers
i/i use lowercase or uppercase Roman numerals as ordinal numbers
Ol is also a block element
Lists can be nested between each other, you can put a sequence of tables in the unordered list, or you can put an out-of-order listing in the ordered table
Definition List
Semantic lists are used to define some words or content
Use a DL to create a definition list
There are two sub-tags in the DL
DT: Defined Content
DD: Description of the definition content
Same DL and UL and OL can be nested between each other
1 <!DOCTYPE HTML>2 <HTML>3 <Head>4 <MetaCharSet= "UTF-8">5 <title></title>6 <styletype= "Text/css">7 8 /*9 Remove BulletsTen * */ One /*ul{ A List-style:none; - }*/ - the </style> - </Head> - <Body> - + <!-- - The list is equivalent to the shopping list when you go to the supermarket . + You can also create lists in HTML, with a total of three lists in the Web page: A 1. Unordered list at 2. Sequence list - 3. Defining the list - - - - <!-- - unordered list in -Use the UL tag to create an unordered list - -use Li to create a list item in UL, to An LI is a list item + - You can modify bullets for unordered lists by using the Type property the Optional values: * disc, default value, solid dot $ Square, a solid blockPanax Notoginseng Circle , Hollow Circle - the Note: The default bullets are generally not used!! + If you need to set bullets, you can set the background picture for Li by setting the A the both UL and Li are block elements + - - <ul> $ <Li>Simon, the man.</Li> $ <Li>Firewood Man</Li> - <Li>Mr. Xu.</Li> - <Li>Tang's Monk Man</Li> the </ul> - Wuyi <!-- the there is a sequence table similar to an unordered list, except that it uses OL to replace UL - ordered lists use ordered ordinal numbers as bullets Wu Type property, which can be specified as an ordinal - Selectable values: 1, default value, using Arabic numerals About a/a with lowercase or uppercase letters as ordinal numbers $ i/i use lowercase or uppercase Roman numerals as ordinal numbers - - OL is also a block element - - A <oltype= "I"> + <Li>Structure</Li> the <Li>Performance</Li> - <Li>Behavior</Li> $ </ol> the the <!-- the lists can be nested between each other, and you can put a sequence table in an unordered list the You can also put an unordered list in an ordered list - - in the <P>Recipe</P> the <ul> About <Li> the shredded pork with fish flavor the <ol> the <Li>Fish</Li> + <Li>Incense</Li> - <Li>Pork</Li> the </ol>Bayi </Li> the <Li> the Kung Pao Chicken - <ul> - <Li>Kung Pao</Li> the <Li>Chicken</Li> the </ul> the </Li> the <Li>Shredded Pork with green pepper</Li> - </ul> the the </Body> the </HTML>View Code
Html_ List Label
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
