Entrar Ainda não tem acesso?
3
respostas

[Dúvida] IMAGEM E CORES

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 Flavio Codignole
| 37.1k xp | 108 posts

Boa noite! Minha imagem não aparece e as cores não mudam.

<!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">
    <title>Portifolio</title>
    <link rel ="stylesheet" href = "style.css">
</head>

<body>
    <header></header>
    <main>
        <h1>
            PERFIL DE FÃ CLUBE DO NEYGOATMAR! 
            <strong>LENDA DO SANTOS E DO BARCELONA!
            </strong></h1>
            <p>#NEYDAY É AQUI, AQUI É O LOCAL ONDE OS FÃS DO NEYMAR SE REÚNEM, SE UNEM PARA APOIAR O GOATMAR!</p>
            <a href="https://www.youtube.com/@MNcompsJR">MNcompsJR</a>
            <a href="https://www.youtube.com/@CTcompsHD">CTCOMPSHD</a>
            <img src="Neymar.png" alt="Foto do rei Neymar Júnior">
    </main>
    <footer></footer>
</body>
</html>

CSS:

body{
    background-color: black;
    color: #F6F6F6;
}
strong{
    color:#22D4FD
}
3 respostas
por Flavio Codignole
| 37.1k xp | 108 posts

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO meu tá assim!

por Flavio Codignole
| 37.1k xp | 108 posts

Fiz outro código, e continua sem aparecer a imagem.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SITE DOS FÃS DO AL-HILAL</title>
</head>
<body>
<header></header>
<main>
    <h1> NESSE SITE, VOCÊ ENCONTRARÁ NOTÍCIAS, VÍDEOS E INFORMAÇÕES SOBRE O AL-HILAL, MAIOR CLUBE DA ARÁBIA SAUDITA</h1>
    <p> Neymar, Malcom, Marcos Leonardo e Renan Lodi são os brasileiros que jogam lá!</p>
    <a href = "https://www.youtube.com/@alhilal">CANAL DO YOUTUBE DO AL-HILAL</a>
    <img src="al-hilal.png"
</main>
<footer></footer>
    
</body>
</html>
por Mike de Sousa
| 684.1k xp | 1022 posts
Alura Scuba Team Suporte Educacional

Olá, Flavio, como vai?

Pelo seu código, alguns pontos podem estar causando o problema da imagem e das cores.

Certifique-se de que o caminho da imagem e do CSS estão corretos. O arquivo "Neymar.png" precisa estar na mesma pasta que o arquivo HTML ou, se estiver em outra pasta, use o caminho completo. Por exemplo, se a imagem estiver em uma pasta chamada "imagens", o código seria:

<img src="./imagens/Neymar.png" alt="Foto do rei Neymar Júnior">

Se o CSS estiver em uma pasta chamada "styles", o código seria:

<link rel ="stylesheet" href="./styles/style.css">

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

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