1. Inserção de Imagens (<img>)

A tag <img> é utilizada para carregar imagens na página. Ela é uma tag única (não possui fechamento) e utiliza atributos para definir qual imagem carregar e como exibi-la.

Exemplo de Código: Imagem

HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Exemplo de Imagem</title>
</head>
<body>
    <h1>Minha Imagem Favorita</h1>
    <img src="<https://via.placeholder.com/400x200>" 
         alt="Uma imagem de exemplo com fundo cinza e texto informativo" 
         width="400">
</body>
</html>

2. Criação de Links (<a>)

A tag <a> (âncora) cria hiperlinks que conectam páginas. É o que torna a internet uma rede.

Exemplo de Código: Links

HTML

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Exemplo de Link</title>
    </head>
    
    <body>
        <h2>Navegação</h2>
        <p>Visite o <a href="<https://www.google.com>" target="_blank">Google</a> para pesquisar.</p>
        
        <p>Conheça mais <a href="sobre.html">sobre mim</a>.</p>
    </body>

</html>

3. Links de Âncora (Navegação na mesma página)

Diferente dos links que levam para outros sites, as âncoras permitem que o usuário "salte" para uma seção específica dentro da própria página que ele já está visualizando.