O uso de marcadores ajuda a dividir grandes pedaços de texto e a apontar listas de informações úteis. Os marcadores são fáceis de criar em software de processamento de texto, mas quando você está digitando um documento HTML, você precisa saber o código para criá-los. Não é necessário muito código para criar uma lista de marcadores. Embrulhe cada lista em
e, em seguida, envolva a lista inteira em tags ou "lista não ordenada". Você pode então fazer o que quiser com a lista de marcadores usando o código Cascading Style Sheet.
Etapa 1
Escreva o texto para seus pontos de bala. Comece cada ponto em sua própria linha. Enrole cada linha em
e
tags assim:
Este é um ponto com marcadores
Este é outro ponto
Etapa 2
Crie uma linha em branco acima da lista com marcadores e digite uma abertura
nessa linha. Encontre o final da sua lista com marcadores e crie outra linha em branco lá. Digite um fechamento
marca nessa linha. Se você quiser estilizar a lista com CSS posteriormente, adicione um atributo class ou ID à tag de abertura
. Aqui está um exemplo de uma lista de marcadores curta com um atributo de ID:
Etapa 3
Use "estilo" para criar sua lista de marcadores usando código CSS. Adicione o código CSS entre o
marcas entre o e tags, ou você pode escrever o código CSS em um arquivo .CSS externo e incorporar o arquivo usando uma tag como esta:. Altere "path/to/stylesheet.css" com o caminho para o arquivo .CSS que você criou. Use o atributo ID ou classe para selecionar suas listas de marcadores, assim:
#mylist li { estilo da fonte:itálico; }
O código acima seleciona todos
dentro de uma tag com o ID "mylist". Substitua a marca de hash por um ponto ao selecionar pelo atributo de classe.
Etapa 4
Use a propriedade "list-style" em CSS para alterar o tipo de marcador. Os tipos de marcadores disponíveis incluem círculos abertos, discos preenchidos e quadrados para listas não numeradas e não alfabetizadas. Aqui está um exemplo para marcadores quadrados:
#mylist li {estilo de lista:quadrado;}
Dica
Use o
em vez de para criar listas ordenadas. Você pode então definir o tipo "estilo de lista" para vários tipos de números ou letras.
Crie marcadores de imagem especificando "none" para o atributo "list-style" e, em seguida, forneça cada
- marque uma imagem de plano de fundo não repetida e alinhada à esquerda. Adicione preenchimento ao lado esquerdo de cada
- para mover o texto, caso contrário, ele irá sobrepor a imagem.
