Home  >  Article  >  Web Front-end  >  Detailed explanation of web page HTML ordered list ol and unordered list ul

Detailed explanation of web page HTML ordered list ol and unordered list ul

高洛峰
高洛峰Original
2017-03-10 13:23:003624browse

This article explains in detail the web page HTML ordered list ol and unordered list ul

List used to organize data After learning so many HTML tags that control web page display, readers can initially create pure article pages. This section studies the list elements in HTML. The list form occupies a relatively large proportion in website design. The displayed information is very neat and intuitive, making it easy for users to understand. In the following CSS style learning, the advanced functions of list elements will be used extensively.

List used to organize data

After learning so many HTML tags that control the display of web pages, readers can initially create pure article pages. This section studies the list elements in HTML. The list form occupies a relatively large proportion in website design. The displayed information is very neat and intuitive, making it easy for users to understand. In the following CSS style learning, the advanced functions of list elements will be used extensively.

Detailed explanation of web page HTML ordered list ol and unordered list ul

4.4.1 The structure of the list

The list element of HTML is a list enclosed by a list tag The structure contains list items composed of

  • . The specific structure is shown in Figure 4.17.

    4.4.2 Making an unordered list

    As the name suggests, an unordered list is a list in which the list items in the list structure are not in order. Most lists in web applications use unordered lists, and their list tags use

      . The writing method is as follows:

      • List item two
      • List item three
      • List item four
      • List item five

      Detailed explanation of web page HTML ordered list ol and unordered list ul 4.4.3 Making an ordered list

      As the name suggests, an ordered list is a list in which the list items in the list structure are in order. , there can be various different sequence numbers from top to bottom, such as 1, 2, 3 or a, b, c, etc. Create a web page file in the D:\web\ directory, name it ul_ol.htm, and write the code as shown in Code 4.17.

      Code 4.17 List settings: ul_ol.htm

      List settings<p></p> <p></p>

      Web front-end technology

      • HTML
      • CSS
      • JavaScript< ;/li>

      • FLASH

      Learning about the web background

      1. ASP
      2. ASP.net
      3. PHP
      4. CGI
      5. Ruby
      6. Python
      7. Enter http in the browser address bar: //localhost/ul_ol.htm, the browsing effect is shown in Figure 4.18.

        Detailed explanation of web page HTML ordered list ol and unordered list ul

        Figure 4.18 List settings

      The above is the detailed content of Detailed explanation of web page HTML ordered list ol and unordered list ul. For more information, please follow other related articles on the PHP Chinese website!

    • Statement:
      The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn