" and "" appear in pairs and are used to define list items; the li tag can be used in ordered lists and unordered lists. And in the menu list, the syntax is "
  • list item value
    • ...    "."/> " and "" appear in pairs and are used to define list items; the li tag can be used in ordered lists and unordered lists. And in the menu list, the syntax is "
  • list item value
    • ...    ".">
    简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
    Home
    Article
    Q&A
    Course
    Topic
    Download
    Game
    Dictionary
    Recent Updates

    Home  >  Article  >  Web Front-end  >  Is li a single tag in HTML5?

    Is li a single tag in HTML5?

    青灯夜游
    青灯夜游Original
    2021-12-17 11:08:003462browse

    In HTML5, li is not a single tag, but a double tag. "

  • " and "
    • " appear in pairs and are used to define list items; the li tag is available In ordered lists, unordered lists, and menu lists, the syntax is "
  • list item value
    • ...    tag name>".

    Is li a single tag in HTML5?

    The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

    In HTML, keywords whose tags are surrounded by angle brackets usually appear in pairs, such as <div> and <code>

    . This The species is called "double-marked". Opening and closing tags are also known as opening tags and closing tags.

    There are also tags presented separately, such as: <img src="1.jpg" alt="Is li a single tag in HTML5?" >, etc. This type of tag is called "single tag".

    Generally, tags that appear in pairs have their content in the middle of the two tags.

    So li is a single tag? Or double marking?

    Let's take a look at how it works: 

    <ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

    As you can see, the li tags are both "

  • " and "
    • " They appear in pairs, so li is a double marker.

  • Tags define list items.

  • tags can be used in ordered lists (
      ), unordered lists (
      ) and menu lists (
    ).

    Example: 

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML有序列表</title>
</head>
<body>
    <p>煮米饭的步骤：</p>
    <ol>
        <li>将水煮沸</li>
        <li>加入一勺米</li>
        <li>搅拌均匀</li>
        <li>继续煮10分钟</li>
    </ol>
</body>
</html>

    Is li a single tag in HTML5?

    Ordered lists require the use of

      and
    1. tags:

        • is the abbreviation of order list, which represents an ordered list. It can number each item in the list, starting from the number 1 by default.
      • ##
      • is the abbreviation of list item, which represents each item in the list. The number of
      • in
          indicates how many pieces of content there are. List items can contain text, images, links, etc., or even another list.

        • ##Note that
        is generally used in conjunction with
      1. and will not appear alone, and it is not recommended to use it directly in
          except for
        1. other tags. 
          <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

          Is li a single tag in HTML5?Unordered lists require the use of

            and
          • tags:

                is unordered Short for list, which represents an unordered list.

                  • is the same as
                • in
                    , indicating each item in the list. By default, each item in an unordered list is represented by
                  1. ●

                    symbols.

                    ##Note that
                      is generally used in conjunction with
                    • and will not appear alone, and it is not recommended to use it directly in
                        except for
                      • other tags. 
                        • <menu type="toolbar">
 <li>
  <menu label="File">
   <button type="button" onclick="file_new()">New...</button>
   <button type="button" onclick="file_open()">Open...</button>
   <button type="button" onclick="file_save()">Save</button>
  </menu>
 </li>
 <li>
  <menu label="Edit">
   <button type="button" onclick="edit_cut()">Cut</button>
   <button type="button" onclick="edit_copy()">Copy</button>
   <button type="button" onclick="edit_paste()">Paste</button>
  </menu>
 </li>
</menu>

                      Related recommendations: "Is li a single tag in HTML5?html video tutorial

                      "

    • The above is the detailed content of Is li a single tag in HTML5?. For more information, please follow other related articles on the PHP Chinese website!

    html5 html ul li
    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
    Previous article：What is the code to move the html5 image to the right?Next article：What is the code to move the html5 image to the right?

    Related articles

    See more