Menu
Coddy logo textTech

Links Sociais

Parte da seção Fundamentals do Journey de HTML da Coddy. Lição 34 de 60.

challenge icon

Desafio

Fácil

Vamos compartilhar suas redes sociais—as pessoas vão querer se conectar! 

  1. Depois da seção 'About Me', adicione outro <div>
  2. Dentro dele, crie um título com uma tag <h2> que diga 'Connect with Me'. 
  3. Adicione links clicáveis para seus perfis de redes sociais usando tags <a>. Lembre-se de fazer os links abrirem em uma nova aba adicionando target="_blank"

Por exemplo:

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
        
        <!-- Profile Picture -->
        <div>
            <img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
        </div>
        
        <!-- About Me Section -->
        <div>
            <h2>About Me</h2>
            <p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
        </div>
    </body>
</html>

Todas as lições de Fundamentals

Pratique por conta própria: Playground de Web