Como criar pontos de bala HTML?

Os pontos de bala HTML vêm com itens de lista ordenados ou não ordenados. O "

”É utilizado para criar a lista não ordenada e o“
”A tag é usada para criar a lista ordenada. Junto com isso, o “
1. ”A tag é usada para criar cada item na lista. O objetivo de usar uma lista com marcadores é exibir vários conteúdos no formulário de lista para facilitar o entendimento do conteúdo para o usuário. Se houver mais de um item de lista no site, para criar separação visual, diferentes pontos de bala podem ser usados.

   Este artigo demonstra como criar pontos de bala no HTML:

   • Pontos de bala ordenados
   • Pontos de bala não ordenados

   Como criar listas pedidos Pontos de bala em HTML?

   As listas ordenadas são usadas quando o desenvolvedor deseja exibir a lista de conteúdo no formulário ordenado. As balas de itens na lista ordenada são principalmente na forma de numérico ou alfabético. Siga a demonstração abaixo para obter conhecimento sobre o estilo da bala usada principalmente para listas ordenadas no HTML:

   Exemplo 1: Números como ponto de bala

   Por padrão, a lista de pedidos exibe números como pontos de bala com itens de lista sempre começando de um.

   
   

   Alimentado por Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Smith
   6. Auston
   
   
   
   

   Após a execução do código acima, a página da web se parece com a seguinte:

   A saída exibe que os itens da lista ordenada são exibidos com o estilo de bala padrão.

   Exemplo 2: letras maiúsculas

   Para exibir o “Caracteres alfabéticos”Como pontos de bala com itens de lista de uma lista ordenada. O "tipoAtributo de “

   ”É usado e definido como“b”, O que significa caracteres alfabéticos na caixa superior:
   
   

   Alimentado por Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Smith
   
   
   
   

   Após a execução do código acima, a página da web se parece com a seguinte:

   A saída mostra que os pontos de bala estão em caracteres maiúsculos.

   Exemplo 3: letras minúsculas

   Para definir minúsculas como um ponto de bala, o “tipo”O valor do atributo está definido como“a”:

   
   

   Alimentado por Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Smith
   
   
   
   

   Depois de exibir o código acima, a página da web se parece com o seguinte:

   A saída acima mostra que os pontos de bala agora são alterados para caracteres minúsculos.

   Exemplo 4: números romanos em maiúsculas

   Os números romanos também podem ser inseridos como um ponto de bala para os itens da lista ordenada. Para definir os números romanos maiúsculos, o “tipo”O valor do atributo está definido como capital“EU" como mostrado abaixo:

   
   

   Alimentado por Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Smith
   
   
   
   

   Depois de executar o trecho de código acima, a página da web se parece com a seguinte:

   A saída acima exibe que os números romanos maiúsculos agora são selecionados como pontos de bala.

   Exemplo 5: Números romanos em minúsculas

   Da mesma maneira, exiba os números romanos em minúsculas, o ““eu”É definido como um valor para o“tipo”Atributo como mostrado abaixo:

   
   

   Alimentado por Linuxhint

   
   
   
   
   1. Joseph
   
   
   2. Alex
   
   
   3. Elizbeth
   
   
   4. Jackson
   
   
   5. Smith
   
   
   
   

   Depois de executar o código acima:

   A saída acima ilustra que os números romanos minúsculos são definidos como pontos de bala para itens de lista.

   Como criar listas não ordenadas Bullet Points em HTML?

   A lista não ordenada é utilizada para exibir a lista de itens que não estão em ordem. Isso significa que o conteúdo do item da lista pode ser colocado em qualquer posição na lista. Existem quatro estilos de bala possíveis para uma lista não ordenada:

   Exemplo 1: Ponto de bala de disco

   O "disco”O estilo é o estilo padrão da lista não ordenada. Apesar de "disco”O estilo também pode ser atribuído aos itens da lista com a ajuda do“tipo”Atributo como mostrado abaixo:

   
   

   Alimentado por Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Após a execução do trecho de código acima, a página da web se parece com a seguinte:

   A saída ilustra que os estilos de bala são definidos como “disco" estilo.

   Exemplo 2: Circle Bullet Point

   O "tipo”O atributo da lista não ordenada é utilizado para definir o estilo de bala como“círculo”Através do snippet de código abaixo:

   
   

   Alimentado por Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Após a execução do snippet de código acima:

   A saída confirma que o estilo de bala dos itens da lista agora está definido como “círculo”.

   Exemplo 3: Ponto de bala quadrado

   Para definir o valor do “tipo" atribuir a "quadrado”, Os usuários podem fazer balas de design quadrado com os itens da lista da lista não ordenada:

   
   

   Alimentado por Linuxhint

   
   
   
   
   • Joseph
   
   
   • Alex
   
   
   • Elizbeth
   
   
   • Jackson
   
   
   
   

   Após a compilação do código acima mencionado, a página da web se parece com a seguinte:

   A saída confirma que as listas de balas em forma de quadrado estão agora atribuídas a cada item da lista.

   Conclusão

   O estilo da bala pode ser estilizado para listas ordenadas e não ordenadas com a ajuda do “tipo”Atributo. Para a lista ordenada, o “tipo”Valores de“1 "," a "," a "," eu "e" eu”Defina o ponto de bala para“Numérico "," Caráter em maiúsculas "," Caráter minúsculo "," Número romano em maiúsculas "e" Número romano em minúsculas”Respectivamente. No caso de uma lista não ordenada, “disco "," quadrado "e" círculo”Exiba o disco, quadrado e circunda como pontos de bala, respectivamente. Este artigo demonstrou com sucesso como criar/estilizar pontos de bala.