Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Desafio 2

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Layout e tags semânticas e atividade Lista de exercícios

por Kelson Emanuel Ribeiro
| 18.4k xp | 6 posts

Acho que o codigo ficou bom, usei algumas coisas de outras aulas e pesquisei tbm para implementar algumas coisas, como: label,br e os tipos de input. E assim vai, estudando e aprendendo cada vez mais.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifólio de Kelson Ribeiro</title>
</head>
<body>
    <header>Produzido por Kelson Ribeiro.</header>
    <main>
        <h1> faça sua <strong>IDEIA</strong> se tornar <strong>REALIDADE</strong> com <strong>EXCELENCIA</strong>. </h1>
        <p>Olá, meu nome é Kelson Ribeiro, e eu sou um programador que posso fazer sua ideia se tornar realidade da forma que preferir. </p>
        <h5>Para falar comigo me mande uma mensagem no Direct.</h5>
        <a href="https://www.instagram.com/kelsuuu_/">Instagram</a>
        <h5>Se quiser dar uma olhadinha nos meus trabalhos anteriores, só checar meu GitHub.</h5>
        <a href="https://github.com/kelsu73">GitHub</a>
        <br>
        <br>
        <img src="homem.jpeg" alt="homem programando">
    </main>
    <footer>Para mais informações pode me chamar no <button>Whatsapp</button>   
        <h3>Ou se preferir, coloque seu e-mail que enviaremos uma mensagem automática</h3>
    <label> E-mail aqui</label> <input type="text"> <button>Enviar</button>
    </footer>

</body>
</html>
1 resposta
solução!
por Luis Dias
| 3333.2k xp | 3666 posts
Developer PHP (⌐■_■)

Oi Kelson,

Parabéns pelo seu progresso e por explorar novas tags e atributos! 👍

Seu código está bem estruturado e demonstra um bom entendimento dos conceitos básicos de HTML.

Gostei da forma como você utilizou as tags <label>, <br> e os diferentes tipos de input. 💪

Uma sugestão para aprimorar ainda mais seu código seria envolver o formulário dentro da tag <form>.

Isso é importante para que os dados inseridos pelo usuário possam ser enviados para um servidor para processamento.

Além disso, você pode adicionar um atributo for no <label> para associá-lo ao campo de entrada correspondente, melhorando a acessibilidade. 💻

Exemplo:

<form>
  <label for="email">E-mail aqui</label>
  <input type="text" id="email">
  <button type="submit">Enviar</button>
</form>

Para saber mais: Documentação da tag form no MDN.

Continue praticando e explorando novas funcionalidades! 🔥