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 livros escritos por um determinado autor.

Video: Curso completo HTML 5 e Css 3 - Aula 4 - Imagens e links

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

• A lista: Uma lista não ordenada 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 linkable (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.

  
  
  
  

  

Video: Programação para Internet utilizando HTML5 e CSS3 - Link Interno e Externo

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 desenvolvimento web
javascript / AJAX for DummiesUsando javascript, AJAX e jQuery
Programação Game - o L Linhadesenvolvimento de jogos em Python
Desenvolvimento de Jogos HTML5 for DummiesConstrução de web e jogos para celular em HTML5
Video: HTML5 & CSS3 - 05 Links do tipo âncora

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 às vezes vai em uma nova linha se é longo, com o texto âncora em uma nova linha ea descrição nas linhas seguintes.

Video: #2 HTML - Aula 8 - Links, formatação CSS para links

Normalmente, a tag vai no final da última linha, de modo que as marcas começam olhar como as balas de uma lista não ordenada. Isto torna mais fácil para encontrar o seu lugar ao editar uma lista mais tarde.