Das li-Tag in HTML
In diesem Artikel lernen wir das li-Tag in HTML kennen, das ist das Tag innerhalb des ol- oder ul -Tags, das verwendet wird, um die Elemente für die Liste zu erstellen.
1. Wofür wird das li-Tag in HTML verwendet?
Das li-Tag definiert ein Element in der Liste. Es ist ein untergeordnetes Tag innerhalb von zwei übergeordneten Tags, ol oder ul. Wenn Sie es absichtlich auf eigenständig setzen, erhalten Sie den Fehler der HTML-Struktur.
Verwenden Sie das li-Tag in sortierten Listen ( das ol-Tag ), unsortierten Listen ( das ul-Tag ) und in Menülisten ( das menu-Tag ).
Die Syntax im ul-Tag lautet wie folgt:
<ul> <li>Phần tử 1</li> <li>Phần tử 2</li> <li>Phần tử 3</li> <li>Phần tử 4</li> </ul>Die Syntax im ol-Tag lautet wie folgt :
<ol> <li>Phần tử 1</li> <li>Phần tử 2</li> <li>Phần tử 3</li> <li>Phần tử 4</li> </ol>2. Verwendung des li-Tags in HTML
Beispiel 1 : Verwenden Sie das li-Tag in Kombination mit dem ol-Tag, um eine Kursliste zu erstellen.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <ol> <li>PHP</li> <li>Javascript</li> <li>Css</li> <li>HTML</li> </ol> </body> </html>3. Formatieren Sie li-Tags in CSS
Wenn Sie CSS verwenden möchten, um das Format des li-Tags zu ändern, können Sie die folgende Syntax verwenden:
<style> ul li{ } // hoặc ol li{ } </style>Was es bedeutet ist : Set für alle li-Tags im ul-Tag, das gleiche für den zweiten Fall ist das ol-Tag.
Wenn Sie Sonderzeichen vor Elementen entfernen möchten, verwenden Sie die folgende CSS-Eigenschaft:
<style> ul li{ list-style: none } </style>4. HTML-Li-Tag-Attribut
li wird von den meisten Attributen der Gruppe Globale Attribute in HTML unterstützt.
Browserunterstützung :
- Chrom
- Feuerfuchs
- IE
- Safari
- Oper
Oben finden Sie die Informationen sowie die Verwendung des ul-Tags.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
