Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie eine Liste in HTML5

So implementieren Sie eine Liste in HTML5

青灯夜游
青灯夜游Original
2021-09-13 15:12:365510Durchsuche

So implementieren Sie Listen in HTML5: 1. Verwenden Sie das ol-Tag, um eine geordnete Liste zu erstellen, und verwenden Sie li in der Liste, um die Listenelemente darzustellen. 2. Verwenden Sie das ul-Tag, um eine ungeordnete Liste zu erstellen, und verwenden Sie li in der 3. Verwenden Sie dl zur Darstellung von Listenelementen, dt zur Darstellung definierter Inhalte und dd zur Erläuterung des Inhalts.

So implementieren Sie eine Liste in HTML5

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Sie können Listen auch in HTML erstellen. Es gibt drei Arten von HTML-Listen:

1. Verwenden Sie das ol-Tag, um eine geordnete Liste zu erstellen, und verwenden Sie li, um Listenelemente darzustellen.

2. Ungeordnete Liste: Verwenden Sie das ul-Tag, um eine ungeordnete Liste zu erstellen, und verwenden Sie li, um Listenelemente darzustellen.

3. Benutzerdefinierte Liste: Verwenden Sie dl, um Listenelemente darzustellen, verwenden Sie dt, um definierte Inhalte darzustellen, und verwenden Sie dd, um den Inhalt zu erläutern.

Beispiel:


        
  • 结构
  •     
  • 表现
  •     
  • 行为
      
        
  1. 结构
  2.     
  3. 表现
  4.     
  5. 行为
 
    
结构
    
结构表示网页的结构,用来规定网页中哪里是标题,哪里是段落

Rendering:

So implementieren Sie eine Liste in HTML5

Listen können auch verschachtelt werden:

<ul>
    <li>aaa</li>
    <ul>
        <li>bbbb</li>
        <ul>
            <li>cc</li>
        </ul>
    </ul>
</ul>

So implementieren Sie eine Liste in HTML5

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine Liste in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn