3
respostas

A imagem nao esta aparecendo no browser, apenas um icone indicando a sua existencia

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="receitas.css"/>
    </head>
    <body>
    <h1 i="titulo">Receita - Mousse de Maracuja</h1>
    <figure>
        <img src="mousse.jpg"/>
        <figcaption>Mousse de Maracuja</figcaption>
    </figure>
    <h2>Ingredientes</h2>
    <h2>Modo de Preparo</h2>
    <h2>Informações Nutricionais</h2>
    </body>
</html>
`
3 respostas

provavelmente vc esta apontando para o endereco errado.. verifica onde ta sua imagem e confere com caminho que vc colocou na img.

Coloque as imagens dentro da pasta aonde estão os arquivos da pagina provavelmente estão na pasta de download da sua maquina, ou passe o caminho ate a imagem na pasta de download.

As imagens precisam estar na mesma pasta do arquivo html pra usa-las declarando apenas o nome. Caso contrário você precisa dizer o caminho. Ex:

 <img src="imagens/mousse.jpg"/>

O imagens corresponde ao nome da pasta que sua imagem se encontra.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software