Crie marcadores em HTML usando
- Tag.
O uso de marcadores ajuda a quebrar grandes blocos de texto e apontar listas de informações úteis. Os marcadores são fáceis de criar em um software de processamento de texto, mas quando você está digitando um documento HTML, é necessário saber o código para criá-los. Não é necessário muito código para criar uma lista com marcadores. Envolva cada lista em
- ou tags de "lista não ordenada". Você pode então fazer o que quiser com a lista de marcadores usando o código da Folha de Estilos em Cascata.
Passo 1
Escreva o texto para seus pontos de bala. Comece cada ponto em sua própria linha. Enrole cada linha em
Vídeo do dia
Passo 2
Crie uma linha em branco acima da lista com marcadores e digite uma abertura
- etiqueta nessa linha. Encontre o final da sua lista com marcadores e crie outra linha em branco lá. Digite um fechamento
- marcação. Aqui está um exemplo de uma pequena lista com um atributo de ID:
- Marcador um
- Marcador dois
etapa 3
Use "estilo" para criar sua lista de marcadores usando o código CSS. Adicione o código CSS entre as tags entre as tags e, ou você pode escrever o código CSS em um arquivo .CSS externo e incorporar o arquivo usando um tag como esta:. Altere "path / to / stylesheet.css" com o caminho para o arquivo .CSS que você criou. Use o ID ou atributo de classe para selecionar suas listas de marcadores, assim:
#mylist li {estilo da fonte: itálico; }
O código acima seleciona todos
Passo 4
Use a propriedade "estilo de lista" 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 alfabéticas. Aqui está um exemplo para marcadores quadrados:
#mylist li {estilo da lista: quadrado;}
Dica
Use o
- tag em vez de
- para criar listas ordenadas. Você pode então definir o tipo de "estilo de lista" para vários tipos de números ou letras.
- marcar uma imagem de plano de fundo alinhada à esquerda não repetitiva. Adicione preenchimento ao lado esquerdo de cada
- para mover o texto, caso contrário, ele se sobreporá à imagem.
Crie marcadores de imagem especificando "nenhum" para o atributo "estilo de lista" e, a seguir, dê a cada
