Como inserir listas em wordpress com html

Digamos que você precisa fornecer um formato limpa-olhando para listas de informações que você publica em seu site WordPress. Com marcação HTML, você pode facilmente fornecer listas que são formatados de forma diferente, dependendo de suas necessidades.

Video: Curso de HTML - Aula 7 - Criar Lista em HTML

listas ordenadas são numerados sequencialmente. Um exemplo é uma lista passo-a-passo de coisas para fazer, como este:

  1. Escreve todos os capítulos de livros.

  2. Submeter capítulos de livros para editor.

  3. Pânico um pouco quando o livro é lançado para o público.

  4. Respirar um suspiro de alívio quando comentários públicos são esmagadoramente positiva!

listas ordenadas são fáceis de criar em um programa como o Microsoft Word, ou mesmo no editor de pós WordPress porque você pode usar o editor WYSIWYG para formatar a lista para você. No entanto, se você quiser codificar uma lista ordenada usando HTML, a experiência é um pouco diferente. A amostra lista passo anterior se parece com isso ao usar marcação HTML:

  1. Escreve todos os capítulos de livros.
  2. Submeter capítulos de livros para editor.
  3. Pânico um pouco quando o livro é lançado para o público.
  4. Respirar um suspiro de alívio quando comentários públicos são esmagadoramente positiva!

O início informa ao navegador da Web para exibir esta lista como uma lista ordenada, o que significa que ele vai ser encomendado com números que começam com o número 1. A lista inteira termina com a tag HTML, que informa ao navegador web que a lista ordenada agora está completo .

Video: Como Criar Lista no WordPress com o plugin OptinMonster

Entre o e são itens da lista de designados como tal pela marcação HTML. Cada item da lista começa com e termina com, que informa ao navegador da Web para exibir a linha de texto como um item da lista.

Se você não fechar uma tag marcação HTML aberta - por exemplo, se você começar uma lista ordenada com, mas não incluem o fechamento no final - ele mexe-se a exibição em seu site porque o navegador web considera qualquer coisa abaixo da inicial fazer parte da lista ordenada até que reconhece a marca de fechamento:.



listas não ordenadas são muito semelhantes às listas ordenadas, exceto que em vez de usar números, eles usam pontos de bala para apresentar a lista, como este:

  • Escreve todos os capítulos de livros.

  • Submeter capítulos de livros para editor.

  • Pânico um pouco quando o livro é lançado para o público.

  • Respirar um suspiro de alívio quando comentários públicos são esmagadoramente positiva!

A marcação HTML para uma lista não ordenada é exatamente como a lista ordenada, exceto que em vez de usar a marca, ele usa a tag (UL = lista não ordenada):

  • Escreve todos os capítulos de livros.
  • Submeter capítulos de livros para editor.
  • Pânico um pouco quando o livro é lançado para o público.
  • Respirar um suspiro de alívio quando comentários públicos são esmagadoramente positiva!

Note-se que tanto as listas ordenadas e não ordenadas usar as tags item da lista, e, ea única diferença está na primeira abertura eo último fechamento tags:

  • listas ordenadas: use e

  • Listas não ordenadas: Usar

    Video: Tutorial Como Inserir Imagem na barra lateral do wordpress

    e
  • Lista de itens: Usar

  • e

  • Publicações relacionadas