Usando pontos de bala ajuda a quebrar grandes pedaços de texto e apontar listas de informações úteis. Bullet pontos 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 muito código é necessário para criar uma lista de marcadores. Enrole cada lista
- ou tags "lista desordenada". Você pode, então, fazer o que quiser com a lista de marcadores usando o código Cascading Style Sheet.
Escrever o texto para seus pontos de bala. Comece cada ponto em sua própria linha. Enrole cada linha
- e tags como assim:
- Este é um ponto com marcadores
- Este é outro ponto de bala
Criar uma linha em branco acima da lista de marcadores e, em seguida, digite uma abertura
- tag nessa linha. Encontrar o fim da sua lista de marcadores e, em seguida, criar uma outra linha em branco lá. Digite um fechamento
- tag. Aqui está um exemplo de uma lista de marcadores curto, com um atributo ID:
- uma bala
- bala dois
Use "estilo" para criar sua lista de marcadores usando o código CSS. Adicione código CSS entre as tags entre o
e Tag, ou você pode escrever o código CSS em um arquivo .css externo e incorporar o arquivo usando um tag como esta: . Change "path / to / stylesheet.css" com o caminho para o arquivo .CSS você cria. Use o ID ou classe de atributo para selecionar suas listas de bala, assim:li mylist {font-style: italic-}O código acima seleciona todos
- tags dentro uma etiqueta com um ID de "mylist". Substitua a marca de hash com um período em que a seleção pelo atributo classe.
Use a propriedade "list-style" em CSS para alterar o tipo de bala. Os tipos de balas disponíveis incluem círculos abertos, discos preenchidos e praças para listas não-numeradas, não-alfabetizados. Aqui está um exemplo para marcadores quadrados:
li mylist {list-style: quadrada}
dicas avisos
- Use o
- marcação em vez de
- para criar listas ordenadas. Você pode, em seguida, definir o tipo "list-style", em diferentes tipos de números ou letras.
- Criar marcas de imagem, especificando "none" para o atributo "list-style" e, em seguida, dar a cada
- marcar um não-repetição, para a esquerda; imagem alinhada fundo. Adicionar preenchimento para a esquerda; lado de cada
- tag para mover o texto sobre, caso contrário ele irá se sobrepor a imagem.