Il tag li in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
In questo articolo impareremo il tag li in HTML, questo è il tag all'interno del tag ol o ul , utilizzato per creare gli elementi per la lista.
1. A cosa serve il tag li in HTML?
Il tag li definisce un elemento nell'elenco. È un tag figlio, all'interno di due tag padre, ol o ul. Quando lo imposti deliberatamente in modo autonomo, otterrai l'errore della struttura HTML.
Usa il tag li negli elenchi ordinati ( il tag ol ), negli elenchi non ordinati ( il tag ul ) e negli elenchi di menu ( il tag menu ).
La sintassi nel tag ul è la seguente:
<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>
La sintassi nel tag ol è la seguente :
<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. Come usare il tag li in HTML
Esempio 1 : Usa il tag li in combinazione con il tag ol per creare un elenco di corsi.
<!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. Formatta i tag li in CSS
Se vuoi usare i CSS per cambiare il formato del tag li, puoi usare la seguente sintassi:
<style> ul li{ } // hoặc ol li{ } </style>
Ciò significa : impostato per tutti i tag li nel tag ul, lo stesso per il secondo caso è il tag ol.
Se desideri rimuovere i caratteri speciali prima degli elementi, utilizza la seguente proprietà CSS:
<style> ul li{ list-style: none } </style>
4. Attributo del tag HTML li
li è supportato dalla maggior parte degli attributi del gruppo Global Attributes in HTML.
Supporto browser :
- Cromo
- Firefox
- CIOÈ
- Safari
- musica lirica
Sopra sono le informazioni e come utilizzare il tag ul.