Entrar Ainda não tem acesso?
2
respostas

09 Lista de exercícios

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Super estilizando o seu CSS e atividade Lista de exercícios

por PAULO HENRIQUE DA SILVA
| 16.3k xp | 15 posts
<!DOCTYPE html>
<html>

<head>
    <title> Portifolio</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Uma breve descrição sobre o conteúdo do seu site">
    <link rel="stylesheet" href="estilos.css">
    <script src="script.js" defer></script>
    <link rel="stylesheet" href="style.css">
    <style>
        p.justificado {
            text-align: justify;
        }
    </style>

</head>

<body>
    <style>
        p.justificado {
            text-align: justify;
        }
    </style>

    <h1>Portifolio</h1>
    <h1>Meu primeiro site</h1>
    <h2><span>portfólio, você encontrará uma seleção de projetos que demonstram minhas
            habilidades e meu compromisso com
            a excelência</span> </h2>
    <p>

        É com grande satisfação que apresento meu portfólio,
        um reflexo do meu percurso profissional como desenvolvedor web especializado em <span><strong>,
                CSS e JavaScript </strong></span>

    </p>
    <div class="container botoes">
        <button class="botoes" <a href=" https://www.linkedin.com/in/phds1983">linkedin</a></button>


    </div>
    <img src="caneca02.png" alt="caneca02" width="200" height="200" />
</body>



</html>
2 respostas
por PAULO HENRIQUE DA SILVA
| 16.3k xp | 15 posts
body {
    background-color: black;
    color: white;
}

strong {
    color: rgb(90, 60, 158);
}

span {
    color: #22D4FD;
    border: 1px solid #22D4FD;
    padding: 10px;
}

h1 {
    text-align: center;

}

h2 {
    text-align: center;
}

p {
    text-align: center;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: #22D4FD;
    text-decoration: none;
    text-align: center;
}
por Mike de Sousa
| 1240.7k xp | 2185 posts
Alura Scuba Team Suporte Educacional

Olá, Paulo, como vai?

O seu código está bem claro, mas notei algumas coisas que podem ser ajustadas para garantir um melhor funcionamento.

Primeiro, o código HTML possui duas tags <style>, uma dentro do <head> e outra dentro do <body>. Isso não é necessário, já que existe um arquivo externo para os estilos da página, você pode mover os estilos da tag para lá e apagar as tags que estão no HTML. Além disso, no botão dentro do seu código, você está tentando criar um link dentro de um elemento <button>. Isso não é recomendado. O ideal seria usar um <a> diretamente:

<a href="https://www.linkedin.com/in/phds1983">LinkedIn</a>

Espero ter ajudado!

Siga firme nos seus estudos.

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado