Listagem de dados em html

Sites usaram listas por décadas para transmitir informações relacionadas ou hierárquica. Na figura a seguir, você pode ver uma versão mais antiga do Yahoo.com que utiliza listas de marcadores para exibir várias categorias e página da receita Allrecipes.com de hoje, que utiliza listas para exibir vários ingredientes.

Listas de começar com um símbolo, um recuo, e depois o item da lista. O símbolo utilizado pode ser um número, letra, bala, ou nenhum símbolo em tudo.

Criando listas ordenadas e não ordenadas

Os dois mais populares tipos de listas são:

• ordenou: listas ordenadas são listas numéricas ou alfabéticas no qual a sequência de itens da lista é importante.

• Não ordenado: Estas listas são geralmente marcadores listas no qual a sequência de itens da lista não tem nenhuma importância.

Você cria listas especificando o tipo de lista como ordenada ou não ordenada, e depois adicionar cada item da lista usando o li tag, como mostrado nos passos seguintes:

1. Especificar o tipo de lista.

   Adicionar abertura e fechamento da lista tags que especificar um ordenado (ol) Ou não ordenada (ul) Lista, como segue:

2. ol para especificar o início eo fim de uma lista ordenada.

   Video: 013 - Listar dados utilizando Inner Join

3. 
   
   
   

   ul para especificar o início eo fim de uma lista não ordenada.

4. Adicionar uma marca de abertura e de fecho (isto é,

5. e
) Para cada item na lista.

Por exemplo, aqui está uma lista ordenada:

item da lista # 1
item da lista # 2
item da lista # 3
Video: mysql inserir dados atraves de um form html parte 1.avi

listas de nidificação

Além disso, você pode aninhar listas dentro de listas. Uma lista de qualquer tipo podem ser aninhados dentro de outro lista- para aninhar uma lista, substituir a etiqueta item da lista com uma marcação do tipo de lista, ou.

Video: Gravar dados do HTML com PHP para o Banco MYSQL

O código de exemplo aqui mostra vários tipos lista, incluindo uma lista aninhada.

A página produzida pelo código é mostrado aqui:

A tag mostrado neste exemplo de código não é necessário para criar uma lista. Ele é usado aqui apenas o nome de cada lista.

Cada lista ou lista de tag item de abertura deve ser seguido com uma lista de encerramento ou tag item da lista.