Muitas páginas da web vir a ser listas de links em HTML5 e CSS3 programação. Como as listas e links vão tão bem juntos, é bom olhar para um exemplo. Observe esta lista de links para os livros escritos por um determinado autor.

Este exemplo não tem nenhum código novo para descobrir, mas a página mostra alguns componentes interessantes:

• A lista: Uma lista desordenada comum.

• Links: Cada item da lista contém um link. O link tem uma referência (que você não pode ver imediatamente) eo texto passíveis de ligação (que é marcado como um elo comum).

• Texto descritivo: Depois de cada link é um texto comum, que descreve o link. Escrevendo um texto para acompanhar o link real é muito comum.

  

Este código mostra o caminho que a página é organizada:

Alguns livros de programação agradáveis
HTML / CSS / javascript All in One for DummiesUm recurso completo para o desenvolvimento web
javascript / AJAX for DummiesUsando javascript, AJAX e jQuery
Programação Game - o G Linhadesenvolvimento de jogos em Python
Desenvolvimento de Jogos HTML5 for DummiesConstrução de web e jogos para celular em HTML5

O recuo é interessante aqui. Cada item da lista contém uma âncora e um texto descritivo. Para manter o código organizado, os desenvolvedores web tendem a colocar a âncora dentro do item da lista. O endereço vai às vezes em uma nova linha se é longa, com o texto âncora em uma nova linha ea descrição nas linhas seguintes.

Normalmente, a etiqueta entra no final da última linha, de modo que as marcas começam se parecem com as marcas de uma lista ordenada. Isto torna mais fácil para encontrar o seu lugar ao editar uma lista mais tarde.