Several ways to deeply analyze lists in html

In HTML, there are three list methods, namely ordered list, unordered list and definition list. Let’s follow the editor to take a look at these three lists.

one. Unordered lists

are marked with bold dots (typically small black circles). The list starts with the

tag. Each list item begins with
• .

  <ul>
    <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
    <li>HTML5草案的前身名为Web Applications 1.0。</li>
    <li>2004年被WHATWG提出。</li>
    <li>2007年被W3C接纳，并成立了新的HTML5工作团队。</li>
    <li>2008年1月22日，第一份正式草案公布。</li>
  </ul>

  Result:

  

  II. Ordered lists

  are marked with numbers. The list starts with the

  tag. Each list item starts with a
  1. tag and is numbered starting from 1 by default.

     <ol>
       <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
       <li>HTML5草案的前身名为Web Applications 1.0。</li>
       <li>2004年被WHATWG提出。</li>
       <li>2007年被W3C接纳，并成立了新的HTML5工作团队。</li>
       <li>2008年1月22日，第一份正式草案公布。</li>
     </ol>

     The output content is:

     

     3. A definition list

     is not just a list of items, but a combination of items and their comments.

     The list starts with the

     tag. Each custom list item begins with

     . The definition of each custom list item begins with

     .

     <dl>
             <dt>html5</dt>
             <dd>html5的历史</dd>
             <dt>
                 HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。
             </dt>
             <dl>
                 HTML5草案的前身名为Web Applications 1.0。
             </dl>
             <dt>
                 2004年被WHATWG提出。
             </dt>
             <dl>
                 2007年被W3C接纳，并成立了新的HTML5工作团队。
             </dl>
             <dl>
                 2008年1月22日，第一份正式草案公布。
             </dl>
         </dl>

     The result is:

     

     Recommended tutorial: "html video tutorial"

The above is the detailed content of Several ways to deeply analyze lists in html. For more information, please follow other related articles on the PHP Chinese website!