Bem-vindo ao site John Pires!

HTML Tutorial

Home/Curso/HTML Tutorial

HTML Tutorial

HTML – Listas



O HTML oferece aos autores da web três maneiras de especificar listas de informações. Todas as listas devem conter um ou mais elementos de lista. As listas podem conter:

  • <ul> – Uma lista não ordenada. Isso listará os itens usando marcadores simples.
  • <ol> – Uma lista ordenada. Isso usará diferentes esquemas de números para listar seus itens.
  • <dl> – Uma lista de definições. Isso organiza seus itens da mesma maneira que são organizados em um dicionário

Listas HTML não ordenadas

Uma lista não ordenada é uma coleção de itens relacionados que não possuem ordem ou sequência especial. Esta lista é criada usando a tag HTML <ul>. Cada item da lista é marcado com um marcador.

See the Pen
HTML – Listas não ordenadas
by John Pires (@johnpiresBR)
on CodePen.

Tipo de Atributo :


Você pode usar o atributo type para a tag <ul> para especificar o tipo de marcador que você gosta. Por padrão, é um disco. A seguir estão as opções possíveis

See the Pen
HTML – Tipo de Atributo na lista
by John Pires (@johnpiresBR)
on CodePen.

Listas ordenadas:




Se você for solicitado a colocar seus itens em uma lista numerada em vez de com marcadores, será usada a lista ordenada em HTML. Esta lista é criada usando a tag <ol>. A numeração começa em um e é incrementada em um para cada elemento de lista ordenado sucessivo marcado com <li>.

See the Pen
HTML – Listas ordenadas:
by John Pires (@johnpiresBR)
on CodePen.

Tipo Atributo



Você pode usar o atributo type para a tag <ol> para especificar o tipo de numeração que você gosta. Por padrão, é um número. A seguir estão as opções possíveis

See the Pen
HTML – Tipo Atributo listas ordenadas
by John Pires (@johnpiresBR)
on CodePen.

Listas de definição:



HTML e XHTML suportam um estilo de lista que é chamado de listas de definição, onde as entradas são listadas como em um dicionário ou enciclopédia. A lista de definições é a forma ideal de apresentar um glossário, lista de termos ou outra lista de nomes / valores.

A lista de definições usa as três tags a seguir.

See the Pen
HTML – Listas de definição
by John Pires (@johnpiresBR)
on CodePen.




Leave a Comment

SIGN IN

Forgot Password