Links e imagens

Links e imagens tornam uma página mais útil. Links conectam páginas. Imagens adicionam conteúdo visual.

Links com a

A tag <a> cria um link. O atributo href informa para onde o link deve levar.

<a href="https://www.easycode365.com">Visitar EasyCode365</a>

Imagens com img

A tag <img> mostra uma imagem. Ela usa o atributo src para o endereço da imagem e alt para uma descrição textual.

<img
  src="https://www.easycode365.com/course-icons/html5.svg"
  alt="Logo do HTML"
/>

Caminhos relativos e absolutos

Um caminho absoluto começa com o endereço completo, como https://.... Um caminho relativo aponta para um arquivo dentro do próprio projeto, como /course-icons/html5.svg.

Mini tarefa

Troque o texto do link e o texto do atributo alt. Depois clique em Executar e veja o resultado.

Pequeno quiz

Pergunta: Qual atributo informa o destino de um link?

Resposta: href.

Pequeno desafio

Crie um link para um site que você usa para estudar e adicione uma imagem com um texto alt claro.

<!-- coloque seu código abaixo -->

Resumo

• <a> cria links.
• href define o destino do link.
• <img> mostra imagens.
• alt descreve a imagem para acessibilidade e SEO.