Listas HTML Não Ordenadas
Neste artigo, examinaremos as listas HTML não ordenadas e como elas funcionam. Esta lição abordará a sintaxe da criação de listas não ordenadas, incluindo como adicionar e personalizar estilos de marcador.
<ul> A tag HTML representa uma lista não ordenada em HTML.
A lista HTML não ordenada exibe elementos em formato de marcadores. É possível exibir itens em uma lista não ordenada quando não precisamos apresentá-los em uma ordem específica. Uma lista não ordenada é criada usando a tag HTML <ul> .
Lista HTML não ordenada
As listas HTML não ordenadas começam com a tag <ul> . <li>tags são usadas para iniciar cada item da lista.
As listas HTML não ordenadas são marcadas com marcadores (pequenos círculos pretos) por padrão:
Example
Lista HTML não ordenada - Escolha o marcador de item da lista
O estilo do marcador de item de lista é especificado usando a propriedade CSS list-style-type . Qualquer um dos seguintes valores pode estar presente:
| Valor | Visão geral |
|---|---|
| disco | Marca o item da lista com um marcador (padrão) |
| círculo | Cria um círculo para o marcador de item de lista. |
| quadrado | Um quadrado é definido como o marcador de item da lista. |
| nenhum | Não haverá marcação dos itens da lista. |
Quadrado
Example:
Disco
Example:
Círculo
Example:
Nenhum
Example:
Aqui está a lista combinada de todos os tipos não codificados:
Example
Listas HTML aninhadas
As listas aninhadas (listas dentro de listas) são as seguintes:
Example
Listas HTML CSS
O CSS também pode ser aplicado na lista não ordenada, veja como:
Example
Lista horizontal com CSS
Existem muitos métodos diferentes que CSS podem ser usados para estilizar listas HTML .
Veja a seguir um exemplo de como criar um menu de navegação estilizando uma lista horizontalmente :
Example:
Marcas de Lista HTML
| Marcação | Visão geral |
|---|---|
| <li> | Especifica um item de lista na lista HTML não ordenada |
| <ol> | Esta tag representa uma lista ordenada. |
| <ul> | Uma lista não ordenada é determinada quando se trata de uma lista não ordenada HTML. |
| <dd> | Define o termo em uma lista de descrição |
| <dt> | Representa um termo em uma lista de descrição |
| <dl> | Uma lista de descrição é especificada conforme se trata de uma lista HTML não ordenada. |
Isso conclui nossa discussão sobre listas HTML não ordenadas . Nossa referência de tags HTML contém uma lista completa de todas as tags HTML.
Resumo do capítulo
- Para criar uma lista não ordenada, utilize o elemento HTML <ul>.
- Para especificar o marcador de item de lista, use a propriedade CSS list-style-type.
- Para determinar um item de lista, opere o elemento HTML <li> .
- Listas de aninhamento são possíveis.
- Outros elementos HTML podem ser incluídos nos itens da lista.
- Para retratar uma lista horizontalmente, opere o atributo CSS float:left.
