Home >Web Front-end >HTML Tutorial >What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag

What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag

寻∝梦
寻∝梦Original
2018-08-28 13:42:3056162browse

This article mainly explains to you the three important uses of HTML ul tag, as well as the explanation of HTML ul tag, including the li tag and the type attribute of the ul tag. Usage, okay, let’s read the article together

First of all, let us explain the meaning of the HTML ul tag:

The ul tag defines a table Among them, the unordered list and the unordered list in the table are all in the

    tag, and the unordered list is used together with the
  • tag. When displaying data normally, ul is the list of items and li is the list item. The two together can be used to display data. (For detailed information on specific tags, go to the PHP Chinese website to learn)

    Now let’s talk about the explanation of the role of the ul tag:

      is an unsequenced tag. The English word is "unordered list", which is a closed tag with a tail of
    .

    The specific syntax used is as follows:

    <ul>这里都是内容</ul>

    1. Talk about the usage of

      , which is often combined with the list item tag Use together, use the format

      <html>
      <body>
      PHP中文网
      <ul>
      <li>HTML</li>
      <li>PHP</li>
      <li>python</li>
      </ul>
      </body>
      </html>

      The effect is as follows:

      What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag

      The simple usage is finished, now I want to make an unordered list What should I do if I replace the small dots in the middle?

      2. The type attribute of the

        tag can define the mark symbol of the list of expressions, generally

      • disc (dot)

      • circle (circle)

      • square (square)

      Three attribute values, now let Let’s practice it:

      disc will not be experimented, it is the same as before, it is represented by small dots.

      Let’s take a look at the square attribute value

      <html>
      <body>
      PHP中文网
      <ul type="square">
      <li>HTML</li>
      <li>PHP</li>
      <li>python</li>
      </ul>
      </body>
      </html>

      The effect of the above code is as follows:

      What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag

      It’s a bit small, although it’s not very obvious. But it can be seen that it is indeed square-shaped.

      3. Now let’s talk about nested lists:

      Nested lists are all nested in the

    • tag under the
        tag.
          tag, you cannot create an ul tag inside

    The above is the detailed content of What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag. 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