Adicionar um link a uma imagem em html

1. Criar um arquivo HTML. Abra um editor de texto e crie um novo arquivo. Salve o arquivo como índice.html.

• Você pode usar qualquer editor de texto que desejar, até mesmo os editores de texto simples do Windows (Notepad) e Mac OS X (TextEdit).

• Deseja usar um editor de texto projetado para trabalhar com HTML, então clique aqui para baixar o Atom, um editor de texto para Windows, Mac OS X e Linux.

• Se você estiver usando o TextEdit, primeiro clique no menu Formatar antes de criar o arquivo HTML e, em seguida, clique em Make Plain Text. Essa configuração faz com que o arquivo HTML seja carregado corretamente em um navegador da web.

• Processadores de texto como o Microsoft Word não são realmente bons em escrever HTML, pois adicionam caracteres invisíveis e formatação que podem corromper o arquivo HTML e impedir que ele seja exibido corretamente em um navegador da Web.

2. Copie e cole o código HTML padrão. Selecione e copie o código HTML abaixo e cole-o em seu índice aberto.html.

5. Adicione o URL de destino. No índice.html apague seu URL de destino e digitehttps://www.pagina inicial.com.

• Você pode usar qualquer URL como URL de destino.

6. Salve o arquivo HTML.

7. Abra o arquivo HTML em um navegador da web. Clique com o botão direito no índice.html e abra este arquivo no navegador de sua escolha.

• Quando o navegador abrir, mas você não vir a imagem, verifique se você digitou o nome do arquivo de imagem corretamente no arquivo de índice.html.

• Quando o navegador abre, mas você vê o código HTML em vez da imagem de fundo, seu índice.html salvo como .rtf (arquivo rich text). Tente editar o arquivo HTML em outro editor de texto.

Método 2 de 2: Entendendo o código HTML

1. Entenda a tag âncora. O código HTML consiste em tags de início e tags de fim. O

O diz a um navegador para criar um link. O href é uma abreviação de referência HTML, de = diz ao navegador para fazer qualquer coisa entre o " " para fazer uma ligação. Qualquer URL pode ser colocado entre as duas aspas.

O informa ao navegador que a marca âncora está fechada.

Quando você adiciona texto entre e esse texto se torna um link clicável em uma página da web. Por exemplo: cria um link para o Google.