1.3.2 HTML basic tag-list tag

Source: Internet
Author: User

3. list tag
The List format includes the ordered list format and unordered list format.

(1) mark the ordered list

  • List item 1
  • List item 2
    ......
  • List item n

      An ordered list is a scale-down table that displays numbers or letters before each list item. You can create an ordered list by marking Ol and Li.
      Ol tag controls the style and start value of the ordered list. There are two common attributes:
      Start = Start value of the numerical sequence (an integer can be taken)
      Type = digital sequence Style
      The value is as follows:
      1: Arabic numerals 1, 2, and 3. This is the default value.
      A: uppercase letters A, B, and C.
      A: lowercase letters a, B, and c.
      I: The upper-case roman numerals I, II, III, and IV.
      I: lowercase roman numerals I, ii, iii, and iv.
      The Li mark defines the list items. Located in
        And
      Between tags. The Li tag has two common attributes:
      Type = numeric style. The value is the same as the Type attribute of the Ol mark)
      Value = the starting Value of A New numeric sequence to obtain an discontinuous numerical sequence.
      To use a nested ordered list, mark the related list as nested.

      (2) unordered list
      Unordered list is a scale-down table that displays special project symbols before each list item. You can use the unordered list mark Ul and list item Mark Li to create a list.


      • List item 1
      • List item 2
        ......
      • List item n

      The project symbol displayed before the Ul mark control list item. Common attributes are as follows:
      Type = the project symbol displayed before the list item
      The value is as follows:
      Disc: Use a solid circle as the default value of the project symbol ).
      Circle: Use a hollow circle as the project symbol.
      Square: Use squares as the project symbol.
      Note: In ie, the Type attribute value is case sensitive.
      Unordered Lists can also be nested. When a nested unordered list is used, you can mark the related list as nested.
      (3) descriptive list

      ...
      Is a descriptive list tag, which is associated with its subtags
      And
      Used in combination to control the display of data items, similar to the term and its defined writing format. Generally,
      Mark the terms to be defined,
      The corresponding description is provided. For example:

      Lan
      A lan is a computer network that connects a small range of data devices through a communication system.


      List description
      LIST ITEMS
      LIST ITEMS
      ......
      List description
      ......

      Example 1.2: Create a page with an ordered list, unordered list, and descriptive list from 1 to 5.

      Sequential list represented by letters:

      1. Electronic Tube
      2. Transistor
      3. Small-scale Integrated Circuit
      4. Medium-scale Integrated Circuit
      5. Large-scale Integrated Circuit

      Unordered list:

      • Introduction to computer
      • Operating System
      • Computer principles
      • Data Structure

      Descriptive list:

      Jiangsu
      Zhenjiang City
      Changzhou City
      Yangzhou City
      Shandong
      Jinan City
      Qingdao

      Figure 1-5 various list display pages

      Source code, for example, ex1-2.htm ):




      Sequential list represented by letters:


      1. Electronic Tube
      2. Transistor
      3. Small-scale Integrated Circuit
      4. Medium-scale Integrated Circuit
      5. Large-scale Integrated Circuit


      Unordered list:


      • Introduction to computer
      • Operating System
      • Computer principles
      • Data Structure


      Descriptive list:


      Jiangsu
      Zhenjiang City
      Changzhou City
      Yangzhou City
      Shandong
      Jinan City
      Qingdao




    1. BibliographyPrevious sectionNext section

      Related Article

      Contact Us

      The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

      If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

      A Free Trial That Lets You Build Big!

      Start building with 50+ products and up to 12 months usage for Elastic Compute Service

      • Sales Support

        1 on 1 presale consultation

      • After-Sales Support

        24/7 Technical Support 6 Free Tickets per Quarter Faster Response

      • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.