Como formatar listas para sua página da Web sobre o Raspberry Pi

Ao criar uma página web sobre o Raspberry Pi, você provavelmente precisará saber como formatar uma lista. Listas são usadas mais do que você imagina para comunicar informações, então não há uma maneira padrão de formatá-los usando HTML.

Existem dois tipos diferentes de lista: uma lista ordenada e uma lista desordenada. A lista ordenada é usado para itens que devem estar em uma determinada ordem, tais como instruções passo-a-passo para a colocação de uma prateleira.

A lista não ordenada é usado para itens que poderiam estar em qualquer ordem, como uma lista de coisas para fazer as malas para umas férias. listas ordenadas são mostrados na tela com um número ao lado de cada item, e listas não ordenadas aparecem com um ponto de bala ao lado deles, embora você possa usar CSS para alterar a apresentação de listas. Você pode usar links ou qualquer outro HTML em cada item da lista.

Esta página web tem duas listas sobre ele. A lista de dicas de fotografia seria uma lista desordenada porque as pontas faz sentido em qualquer ordem. Sua HTML tem esta aparência:

Meus principais dicas para fotografia de viagem

  • Sempre tem uma câmera com você, mesmo que seja um pequeno bolso.
  • Sempre que possível carregar uma bateria totalmente carregada de reposição.
  • Etiquetar seus cartões SD para que possa distingui-los.

Você usar as tags para marcar o início e fim da lista não ordenada, e as tags e para marcar o início e fim de cada item da lista. Quando você coloca esse HTML em sua página web e visualizá-lo no seu navegador, as dicas têm balas ao lado deles.

A outra lista nesta página web é menos óbvia. A maioria dos sites tem uma barra de navegação em cada página, um conjunto padronizado de ligações que lhe permitem mover-se em torno de todas as páginas do site. Do ponto de vista de HTML, que é apenas uma lista de links. Então, para fazer uma barra de navegação, crie uma lista para as diferentes páginas da web o site vai ter, como este:

O primeiro link é um link para a página que já está, o que pode parecer ilógico, mas é menos confuso para ter exatamente o mesmo conjunto de links em cada página, do que é ter links que aparecem ou desaparecem na barra de navegação do uma página para outra.

Por agora, que vai olhar como uma lista com marcadores na parte superior da página da web, mas você pode transformá-lo em uma barra de navegação adequada usando CSS mais tarde.

Se você deseja criar listas ordenadas, basta alterar as tags e para e queridos. Quando você olha para uma lista ordenada em seu navegador, você verá as balas são substituídas por números. Você pode testar isso editando sua lista desordenada temporariamente para torná-lo uma lista ordenada, poupando-o e visualizando a página no seu browser.

menu