Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Imagens não aparecendo

Olá! Primeiramente espero que não se importem com o fato de que estou tentando fazer algo diferente da Barbearia Alura, haha. Mas a estrutura é praticamente a mesma.

Enfim, eu fui colocando imagens que eu escolhi para a lista de produtos, mas nenhuma delas quer aparecer. Não sei o que estou fazendo de errado. Screenshot do exercício

Aqui está o código:

<ul>
                <li>
                    <h2>Brinquedos para Meninas</h2>
                    <img scr="brinquedos_meninas.png">
                    <p>Bonecas, casinhas, maquiagem de mentirinha, e assim vai.</p>
                </li>
                <li>
                    <h2>Brinquedos para Meninos</h2>
                    <img scr="brinquedos_meninos.png">
                    <p>Carros, monstros, arminhas de plástico, etc.</p>
                </li>
                <li>
                    <h2>Brinquedos Unissex</h2>
                    <img scr="brinquedos_unissex.png">
                    <p>...Ou se você preferir brinquedos para todos os gêneros, temos aqui!</p>
                </li>
            </ul>

E aqui está a pasta na qual as imagens estão. Andei dando uma olhada no fórum pra ver se alguém mais tinha esse problema, mas como pode ver, está tudo na mesma pasta do arquivo HTML. Pasta do exercício

Obrigada pela atenção!

2 respostas

Já descobri... Foi um erro de digitação '-' Eu digitei "scr" ao invés de "src." Agora as imagens aparecem.

...Como é que eu deleto um post? kkkkkkk

solução!

Olá Érika, tudo bem?

Primeiramente, parabéns pelo empenho e dedicação! Acho ótimo para o aprendizado aplicar os conceitos do curso de uma forma mais personalizada.

Notei que em todas as tags <img> o atributo referente ao caminho da imagem está com um errinho de sintaxe. Ao invés de src está scr. Veja:

<img scr="brinquedos_meninas.png">
<img scr="brinquedos_meninos.png">
<img scr="brinquedos_unissex.png">

Para modificar, basta trocar por src. O código ficará assim:

<ul>
                <li>
                    <h2>Brinquedos para Meninas</h2>
                    <img src="brinquedos_meninas.png">
                    <p>Bonecas, casinhas, maquiagem de mentirinha, e assim vai.</p>
                </li>
                <li>
                    <h2>Brinquedos para Meninos</h2>
                    <img src="brinquedos_meninos.png">
                    <p>Carros, monstros, arminhas de plástico, etc.</p>
                </li>
                <li>
                    <h2>Brinquedos Unissex</h2>
                    <img src="brinquedos_unissex.png">
                    <p>...Ou se você preferir brinquedos para todos os gêneros, temos aqui!</p>
                </li>
            </ul>

Pelo que percebi as imagens estão no local correto então acredio que o que está causando essas alterações é somente o erro de sintaxe.

Aguardo para saber se solucionou, abraços!