如何在HTML中创建列表 - 芒果文档

📌 相关文章

📜 如何在HTML中创建列表

📅 最后修改于: 2020-11-04 01:16:03 🧑 作者: Mango

如何在HTML中列出清单

在HTML中，我们可以创建三种类型的List：

无序列表
- 订购清单
  1. 说明列表
无序列表
无序列表是顺序或顺序无关紧要的项目的集合或集合。如果要在HTML文档中创建无序列表以在网页上显示项目，则必须遵循以下步骤。使用这些步骤，我们可以轻松创建无序列表。

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或在要创建无序列表的文本编辑器中打开现有的Html文件。
```
   
    
   
Create Unordered list


 
The list which is shown below is an unordered list:
 
```
第2步：现在，我们必须将光标放置在标签，我们要在其中显示无序列表。然后，我们必须输入
- 标签。所以，输入开头
- 键入项目之前标记。并且，在键入每个项目之后，我们必须关闭
- 标签。
```
 

 First Unordered item 
 Second Unordered item 
 
```
  步骤4：键入所有项目后，我们必须通过关闭标签来关闭列表。
```
 

 First Unordered item 
 Second Unordered item 
 Third Unordered item 
 Fourth Unordered item 
 Fifth Unordered item 
 Sixth Unordered item 
 
 
```
  步骤5：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。
```
   
    
   
Create Unordered list


 
The list which is shown below is an unordered list:

 First Unordered item 
 Second Unordered item 
 Third Unordered item 
 Fourth Unordered item 
 Fifth Unordered item 
 Sixth Unordered item 

 
```
  下面的屏幕快照显示了上述HTML代码的输出：
  订购清单
  如果我们要在Html文档中创建Ordered列表以按顺序显示网页上的项目，那么我们必须遵循以下步骤。使用这些步骤，我们可以轻松地创建一个有序列表。
  
  步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或者在要创建有序列表的文本编辑器中打开现有的Html文件。
```
   
    
   
Create ordered list


 
The list which is shown below is an ordered list:
 
```
  第2步：现在，我们必须将光标放置在标签，我们要显示有序列表。然后，我们必须输入
  1. 标签。因此，我们必须输入开头
  2. 键入每个项目之前标记。并且，在键入每个项目之后，我们必须关闭
  3. 标签。
```
 

 apple 
 Mango 
 
```
    步骤4：键入所有项目后，我们必须通过关闭标签来关闭列表。
```
 

 apple 
 Mango 
 Pineapple 
 Orange 
 Banana 

 
```
    步骤5：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。
```
   
    
   
Create ordered list


 
The list which is shown below is an ordered list:

 apple 
 Mango 
 Pineapple 
 Orange 
 Banana 

 
```
    下面的屏幕快照显示了上述HTML代码的输出：
    
    说明清单
    
    描述列表是具有其描述和定义的项目列表。
    
    如果我们想在HTML文档中创建“描述”列表，以在网页上显示项目及其描述，则我们必须遵循以下步骤。使用这些步骤，我们可以轻松创建描述列表。
    
    步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或者在要创建描述列表的文本编辑器中打开现有的HTML文件。
```
   
    
   
Create Description list


 
The list which is shown below is an description list:
 
```
    第2步：现在，我们必须将光标放置在标签，我们要在其中显示描述列表。然后，我们必须输入
    标签，用于显示项目和主题描述。
    步骤3：在那之后，我们必须定义要在网页的描述列表中显示的术语。为此，我们必须使用
    标签。因此，我们必须输入开头
    在键入每个术语之前标记。并且，在键入每个项目之后，我们必须关闭
    标签。
    
    The list which is shown below is an description list:
    HTML
    
    步骤4：之后，我们必须为每个术语定义描述。为了定义说明，我们必须使用
    标签。因此，我们必须输入开头
    标签紧接在每个术语的结束标签之后。并且，在键入每个描述之后，我们必须关闭
    标签。
    
    The list which is shown below is an description list:
    HTML Hyper Text Markup Language CSS Cascading Stle sheet UL Unordered List
    
    步骤5：当我们键入所有带有其描述的术语时，我们必须通过关闭标签来关闭列表。
    
    The list which is shown below is an description list: HTML Hyper Text Markup Language CSS Cascading Stle sheet UL Unordered List
    
    步骤6：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。
    
    Create Description list The list which is shown below is an description list: HTML Hyper Text Markup Language CSS Cascading Stle sheet UL Unordered List OL Ordered List
    
    下面的屏幕快照显示了以上HTML代码的输出：