Passo 9

Instruções

A última alteração será no texto do email dentro do rodapé. Em lições e workshops anteriores, você aprendeu como trabalhar com o link mailto assim:

<p>Email me at <a href="mailto:janedoe@email.com">janedoe@email.com</a></p>

Comece envolvendo o endereço de email camperbot@blog.io dentro de um elemento anchor. Em seguida, adicione o atributo href ao elemento anchor e defina-o igual a mailto:camperbot@blog.io. Com essa última alteração, você resolveu com sucesso todos os problemas na página do blog!

O que fazer:

Testes:

Seu endereço de email `camperbot@blog.io` deve estar dentro de um elemento anchor.
Seu elemento anchor deve ter um atributo `href` com um valor de `mailto:camperbot@blog.io`.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Camperbot's Blog</title>
</head>
<body>
  <h1>Welcome to Camperbot's Blog</h1>

  <nav>
    <h2>Navigation</h2>
    <ul>
      <li><a href="#post1">My Journey</a></li>
      <li><a href="#post2">Accessibility</a></li>
      <li><a href="#post3">Next Steps</a></li>
    </ul>
  </nav>

  <main>
    <article>
      <h2 id="post1">My Journey Learning to Code</h2>
      <p>I started learning to code a few months ago and it's been a wild ride!</p>
      
      <h3>Early Challenges</h3>
      <p>At first, syntax was really confusing.</p>
      
      <h3>Breakthroughs</h3>
      <p>Eventually things started to click.</p>
    </article>

    <article>
      <h2 id="post2">Accessibility Matters</h2>
      <p>Today I learned that not everyone uses the web the same way I do.</p>

      <h3>Screen Readers</h3>
      <p>These tools help visually impaired users browse websites.</p>
    </article>

    <article>
      <h2 id="post3">What's Next?</h2>
      <p>I'm excited to dive into JavaScript and build interactive features!</p>

      <h3>Coming soon: My first JavaScript project!</h3>
      <p>Stay tuned for some exciting interactive blog features.</p>
    </article>
  </main>
  <footer>
    <h2>Contact Me</h2>
    
    <p>Email me at camperbot@blog.io</p>
    
  </footer>
</body>
</html>

Preview