Lista de Exercícios 8 Estilizando Projetos com CSS | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Lista de Exercícios 8. Abaixo está o código da Lista de Exercícios (a imagem não apareceu para mim, estou usando o Chrome como navegador)

index. html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style_c.css">
    <title>Portifolio</title>
</head>
<body>
    <header>

    </header>
    <main>
        <h1>
            Eleve seu negócio digital a outro nível 
            <strong>com um Front-end de qualidade!
            </strong></h1>
            <p>Olá! Sou Joana Santos, desenvolvedora 
            Front-end com especialidade em React, HTML e
            CSS. Ajudo pequenos negócios e designers a 
            colocarem em prática boas ideias. Vamos 
            conversar?</p>
            <a href="https://instagram.com/rafaballerini">Instagram</a>
            <a href="https://github.com/guilhermeonrails">GitHub</a>
            <img src="imagem.png" alt="Foto da Joana Santos programando">
    </main>
    <br>
    <br>
    <br>
    <footer>
        <p>Feito com ❤️ por Joana Santos</p>
    </footer>
</body>
</html>

CSS:

style.css:

body{
    background-color: blue;
    color: white;
}

h1 {
    color: red;
    font-size: 80px; 
    font-family: Arial;  
}

p {
    color:aquamarine;
    font-size: 40px; 
    font-family: Arial;  

}

a {
    color: rgb(239, 13, 13);
}


CSS segunda folha:
style_b.css

body{
    background-color: rgb(97, 97, 244);
    color: white;
}

h1 {
    color: rgb(249, 246, 246);
    font-size: 80px; 
    font-family: Arial;  
}

p {
    color:rgb(250, 251, 251);
    font-size: 40px; 
    font-family: Arial;  

}

a {
    color: rgb(239, 13, 13);
}

CSS style_c.css

body{
    background-color: rgb(182, 11, 250);
    color: white;
}

h1 {
    color: rgb(248, 246, 246);
    font-size: 80px; 
    font-family: Arial;  
}

p {
    color:rgb(245, 248, 247);
    font-size: 40px; 
    font-family: Arial;  

}

a {
    color: rgb(247, 5, 5);
}

Olá, Sheila, como vai?

Parabéns por compartilhar seu trabalho conosco! Analisando o seu código, ele atende perfeitamente às solicitações feitas. O arquivo CSS foi vinculado corretamente no HTML, e os estilos básicos, como a cor de fundo e o texto, foram definidos de acordo com as orientações.

Sobre a imagem não aparecer, verifique se:

O arquivo imagem.png está na mesma pasta que o arquivo index.html.
O nome do arquivo está correto, considerando letras maiúsculas ou minúsculas.
A imagem não está corrompida ou com permissões restritas.

Se tudo estiver certo, ela deverá ser exibida no navegador.

Continue assim, Sheila! Seu trabalho está muito bom, e ficamos à disposição no fórum para te ajudar sempre que precisar.

Siga firme nos seus estudos!

Abraços :)