Wozu dient das HTML-li-Tag? Einführung in die Verwendung und Attribute von HTML-Li-Tags-HTML-Tutorial-php.cn

Wozu dient das HTML-li-Tag? Einführung in die Verwendung und Attribute von HTML-Li-Tags

寻∝梦

Freigeben： 2018-08-18 17:18:44

Original

19121 Leute haben es durchsucht

Wofür wird das HTML-li-Tag verwendet? Hier werden die Verwendung und die Attribute des HTML-Li-Tags vorgestellt. In diesem Artikel erfahren Sie, wie Sie den Standardpunktstil in der ungeordneten Liste aus dem HTML-Li-Tag entfernen.

Definition und Verwendung des HTML-li-Tags:

Das

-Tag (vollständiger Name ist Listenelement) ist ein Element-Tag in der HTML-Sprache. Gehört zum Listen-Tag. Beginnend mit

kann das

-Tag in geordneten Listen (

) und ungeordneten Listen (

HTML

-Tag-Verwendungsbeispiel:

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

Nach dem Login kopieren

Attribute des HTML-li-Tags:

Wozu dient das HTML-li-Tag? Einführung in die Verwendung und Attribute von HTML-Li-Tags Detaillierte Beschreibung der Verwendung des HTML-li-Tags:

Eine ungeordnete Liste ist eine Liste von Elementen [1]. Die Elemente in dieser Spalte sind mit fetten Punkten (typische kleine schwarze Kreise) gekennzeichnet. Die ungeordnete Liste beginnt mit dem Tag

. Beispiel:
```
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
```
Nach dem Login kopieren
Der Browser zeigt Folgendes an:
·Kaffee
·Milch
Absätze, Zeilenumbrüche, Bilder, Links und andere Listen und mehr.
Eine geordnete Liste ist auch eine Liste von Elementen, und die Listenelemente sind mit Nummern gekennzeichnet. Die geordnete Liste beginnt mit dem Tag
1. -Tag. Beispiel:
```
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
```
  Nach dem Login kopieren
  Der Browser zeigt Folgendes an:
  1.Kaffee
  2.Milch
  Absätze, Zeilenumbrüche, Bilder, Links und andere Listen und mehr.
  So klicken Sie mit dem HTML-li-Tag auf die Punkte in einer ungeordneten Liste:
  Werfen wir zunächst einen Blick auf die Probleme, die bei der Verwendung von Listen-Tags auftreten.
```
<ul>
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li>
</ul>
```
  Nach dem Login kopieren
  Wir haben festgestellt, dass ein kleiner schwarzer Punkt erschien. Weil wir ungeordnete Listen-Tags verwenden. Wie werden Sie diese Punkte los?
  Mal sehen, wie wir das Problem lösen können. Öffnen Sie zunächst den Editor oder einen anderen HTML-Editor. Ich verwende editplus. Erstellen Sie eine neue HTML-Datei
  und fügen Sie den folgenden Code zum Quellcode hinzu:
```
ul li{
list-style: none;
}
```
  Nach dem Login kopieren
  Auf diese Weise können Sie den Standardstil entfernen. Natürlich kann man den Stil auch direkt in das Tag schreiben, ich empfehle aber jedem, diese Methode zu nutzen, um den Code später leichter pflegen zu können.
  Es gibt einen intuitiveren Weg:
```
<html>
  <head>
  <style>
   ul,  li{display:block; position:relative;}
   li{float:left; margin:auto 10px; list-style:none; height:30px; line-height:30px;}
   .cle{clear:both;}
   </style>
  </head>
<body>
  <ul>
   <li><a href = "
http://www.baidu.com
">百度</a></li>
  <li><a href = "
http://www.sina.com.cn
">新浪</a></li>
   <li><a href = "
http://www.163.com
">网易</a></li>
   <li><a href = "
http://www.qq.com
">腾讯</a></li>
   <li><a href = "
http://www.php.cn
">PHP中文网</a></li>
   <li><a href = "
http://www.google.com.hk
">谷歌</a></li>
 <div class="cle"></div>
  </ul>
</body>
</html>
```
  Nach dem Login kopieren
  Der Unterschied zwischen HTML und XHTML
  
  In HTML 4.01 sind die Attribute „type“ und „value“ des li-Elements veraltet.
  
  In XHTML 1.0 Strict DTD werden die Attribute „type“ und „value“ des li-Elements nicht unterstützt.
  
  [Verwandte Empfehlungen]
  
  Wie lege ich das HTML5-Rahmenattribut fest? Einführung in das Rahmenattribut in der HTML5-Tabelle
  
  Einführung in die Verwendung und Attribute des Keygen-Tags, einem neuen Formularelement in HTML5

Das obige ist der detaillierte Inhalt vonWozu dient das HTML-li-Tag? Einführung in die Verwendung und Attribute von HTML-Li-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!