A tag li em HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Neste artigo vamos aprender a tag li em HTML, esta é a tag dentro da tag ol ou ul , usada para criar os elementos da lista.
1. Para que serve a tag li em HTML?
A tag li define um item na lista. É uma tag filha, dentro de duas tags pai, ol ou ul. Quando você o configura deliberadamente para autônomo, você receberá o erro de estrutura HTML.
Use a tag li em listas classificadas ( a tag ol ), listas não classificadas ( a tag ul ) e em listas de menu ( a tag menu ).
A sintaxe na tag ul é a seguinte:
<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>
A sintaxe na tag ol é a seguinte :
<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. Como usar a tag li em HTML
Exemplo 1 : Use a tag li em combinação com a tag ol para criar uma lista de cursos.
<!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. Formate as tags li em CSS
Se você quiser usar CSS para alterar o formato da tag li, você pode usar a seguinte sintaxe:
<style> ul li{ } // hoặc ol li{ } </style>
O que significa é : Definido para todas as tags li na tag ul, o mesmo para o segundo caso é a tag ol.
Se você deseja remover caracteres especiais antes dos elementos, use a seguinte propriedade CSS:
<style> ul li{ list-style: none } </style>
4. Atributo de tag HTML li
li é suportado pela maioria dos atributos do grupo Global Attributes in HTML.
Suporte ao navegador :
- cromada
- Raposa de fogo
- IE
- Safári
- Ópera
Acima estão as informações e como usar a tag ul.