Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Resolução de Atividades - "11 Lista de exercícios"

  1. Construindo a estrutura HTML do portfólio

Resposta: Concluído pelos outros exercícios.

  1. Estruturando a página com tags semânticas
<body>

    <header> 

        <h1> Tecnologias: </h1>

        <ul> 
            <li> JavaScript - <img src = "Unofficial_JavaScript_logo_2.svg.png" alt = "Logo do JavaScript"> </li>
            <li> HTML - <img src = "HTML5_logo_and_wordmark.svg.png" alt = "Logo do HTML 5"> </li>
        </ul>  
    
    </header>

    <main> 

        <h1> Desenvolvedor Full-Stack em Formação </h1>

        <p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portifólio! </p>

        <p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>

    </main>

    <footer> <h3> Meus contatos: </h3>

        <ul> 

            <li> <img src = "linkedin-logo-linkedin-icon-transpa.webp" alt = "Logo do LinkedIn"> <a href = "www.linkedin.com/in/victor-m-rodrigues"> LinkedIn </a> </li>

            <li> <img src = "Logo do Github.png" alt = "Logo do GitHub"> <a href = "https://github.com/Victor-M-S-Rodrigues07"> GitHub </a> </li>
            
        </ul>

    </footer>
    
</body>
  1. Entendendo e aplicando as tags meta
<html lang = "pt-br">
    
<head>

    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <title> Meu Portifólio </title>

</head>
  1. Inserindo e formatando elementos no HTML
    <main> 

        <h1> Desenvolvedor <strong> Full-Stack </strong> em Formação </h1>

        <p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portfólio! </p>

        <p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>

    </main>
  1. Incorporando imagens com tags HTML

Meu código completo:

<!DOCTYPE html>

<html lang = "pt-br">
    
<head>

    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <title> Meu Portfólio </title>

</head>

<body>

    <header> 

        <h1> Tecnologias: </h1>

        <ul> 
            <li> JavaScript - <img src = "Unofficial_JavaScript_logo_2.svg.png" alt = "Logo do JavaScript"> </li>
            <li> HTML - <img src = "HTML5_logo_and_wordmark.svg.png" alt = "Logo do HTML 5"> </li>
        </ul>  
    
    </header>

    <main> 

        <h1> Desenvolvedor <strong> Full-Stack </strong> em Formação </h1>

        <p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portfólio! </p>

        <p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>

    </main>

    <footer> <h3> Meus contatos: </h3>

        <ul> 

            <li> <img src = "linkedin-logo-linkedin-icon-transpa.webp" alt = "Logo do LinkedIn"> <a href = "www.linkedin.com/in/victor-m-rodrigues"> LinkedIn </a> </li>

            <li> <img src = "Logo do Github.png" alt = "Logo do GitHub"> <a href = "https://github.com/Victor-M-S-Rodrigues07"> GitHub </a> </li>
            
        </ul>

    </footer>
    
</body>

</html>

Só as imagens que ficaram muito grandes...

Foto:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Oi, Victor! Como vai?Agradeço por compartilhar suas reflexões e aprendizados com a comunidade Alura.

Seu portfólio está ficando bem estruturado e você aplicou as tags semânticas de forma clara. Gostei da forma como organizou as seções e usou os elementos HTML corretamente.

Continue praticando e incrementando seu projeto. Isso vai te dar mais segurança com o HTML.

Espero ter ajudado! Bons estudos!

Sucesso

Imagem da comunidade