O que é uma etiqueta UL?
Uma tag de lista não ordenada ou não numerada, mais conhecida em abreviação como tag UL, oferece aos designers de páginas da Web uma maneira de exibir e agrupar texto em páginas da Web como listas recuadas e com marcadores. As tags UL são usadas nas páginas das linguagens de marcação de hipertexto (HTML) e como um elemento de estilo definido em uma folha de estilos em cascata (CSS). Embora as tags UL não tenham sido padronizadas até o HTML 2.0, elas foram definidas nas primeiras descrições publicadas do HTML por Tim Berners-Lee em 1992. Esse elemento é suportado por todos os principais navegadores da web.
As tags UL podem ser usadas nas tags BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD ou LI. A tag UL em HTML é indicada por uma tag de abertura e fechamento, que também insere um espaço vazio na linha antes e depois da tag. As tags CSS UL, que fornecem flexibilidade de formatação adicional além da tag HTML HTML, são definidas no ul {list-style-type:
<UL>
<LI> Maçãs
<LI> Bananas
Laranjas
<LI> Abacaxi
</UL>
Listas não ordenadas exigem o uso de atributos, embora exista um conjunto principal de atributos - classe, ID, estilo e título - além de vários atributos padrão ou opcionais que podem ser úteis para modificar a aparência de uma lista não ordenada . Exceto pelos atributos compact e type, que foram padronizados na versão 2.0, os atributos opcionais não foram formalmente padronizados até a versão 4.0.
O atributo compact compacta o texto com marcadores e a definição em uma linha. Tipo define o estilo de marcador, que padroniza automaticamente o disco se nenhum tipo for especificado. Outros tipos de marcadores predefinidos usados nas tags HTML da UL incluem o quadrado e o círculo. Imagens definidas pelo usuário podem ser usadas no lugar de tipos de marcadores predefinidos, especificando o local das imagens armazenadas usando o atributo src, como em <UL src = ”URL">. O localizador uniforme de recursos, ou URL, indica o local A partir da versão 4.0.1, os atributos compact e type da tag UL foram descontinuados, o que significa que ela pode não ser suportada em versões HTML futuras.
Outros atributos usados para definir o estilo de tag UL incluem:
- DIR: este atributo contém informações sobre a direção do texto.
- ID: define o ID específico na propriedade CSS a ser marcada.
- LANG: codifica o idioma.
- ESTILO: define o estilo embutido CSS.
Os manipuladores de eventos JavaScript, que definem o que acontece, por exemplo, se um mouse passa o mouse sobre uma tag HTML UL ou quando o usuário clica em um item da lista, também podem ser usados para refinar uma lista não ordenada. Os manipuladores de eventos suportados pelas tags UL incluem onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown e onKeyUp.