Community

Learn

Tools Library

AI Tools

Leisure

English

Home > Web Front-end > Front-end Q&A > Is li a single tag in HTML5?

Is li a single tag in HTML5?

青灯夜游

Release： 2021-12-17 11:08:00

Original

3545 people have browsed it

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>

Copy after login

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 (

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>

Copy after login

Is li a single tag in HTML5?

Ordered lists require the use of

tags:
- 1. ##
  2. is the abbreviation of list item, which represents each item in the list. The number of
  3. in
```
<!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>
```
Copy after login
Unordered lists require the use of
- tags:

Related labels：

html5 li

source：php.cn

Previous article：What is the code to move the html5 image to the right? Next article：How to avoid line breaks in html5 titles

Statement of this Website

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