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: }, onde o valor é definido como disco, círculo ou quadrado, sendo o padrão o disco. Itens de lista individuais são inseridos entre as marcas <UL>, precedidas primeiro pela marca LI ou item de lista. O exemplo HTML a seguir mostra como usar essa tag para organizar uma lista de frutas:

<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.