<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> produtos -Barbearia Alura </title>
<link.rel="stylesheet" href="produtos.css>"
</head>
<body>
<header>
<h1><img src="logo.png"></h1>
<ul>
<li>home</li>
<li>produtos</li>
<li>contatos</li>
</ul>
</header>
</body>
</html>
7
respostas
respostas
IMAGEM NAO CARREGA
Fala ai Joselina, tudo bem? A imagem logo.png existe no mesmo diretório onde se localiza o arquivo .html?.
Espero ter ajudado.
Não ajudou, preciso de passo a passo para resolver isso
Fala Joselina, você precisa ter um arquivo chamado logo.png na mesma pasta onde encontra-se o arquivo index.html.
Espero ter ajudado.
Oi Josefina, verifique se a imagem não está dentro de outra pasta, como no meu caso que coloquei todas imagens em um pasta chamada "images" então para buscar a imagem eu tinha que colocar o endereço completo:
<img src="images/logo-branco.png"/> 
A tag img não foi fechada. O meu estava dando mesmo problema . Fica assim:
<h1><img src="logo.png" /></h1>
e ai conseguiu resolver se não eu tenho a resposta?
Olá Joselina, tudo bem com você?
O seu código está correto e deveria carregar a imagem na sua página. O que significa que a sua imagem não está aparecendo pois ela não está disponível na pasta do seu projeto.
Quando iniciamos o curso de HTML5 e CSS3 parte 2: Posicionamento, listas e navegação (esse curso), precisamos do projeto do curso anterior. Então, confere pra mim se no seu projeto tem todos os arquivos que usamos no curso anterior. São apenas quatro arquivos: uma imagem do banner, outra imagem dos benefícios, o arquivo index.html onde escrevemos o código da página e, por fim, o arquivo style.css onde deixamos o estilo da página com a cor e o tamanho do texto, fonte, tamanho das imagens, etc:
Nesse curso, começamos a montar nossa página de produtos e sua folha de estilo - mais especificamente, fazemos isso na aula Nova página. Portanto, agora, nosso projeto terá dois novos arquivos: o arquivo produtos.html onde escrevemos o código da página e o produtos.css para fornecer o estilo:
Por fim, antes da última videoaula, onde montamos nosso cabeçalho da página de produtos. Precisamos fazer o download das seis imagens que usaremos em nossas novas páginas! E é aqui que vem a parte importante: verifique se após fazer o download das imagens nesse link, as imagens ficaram salvas dentro do projeto junto com o resto dos arquivos. Caso elas não estejam salvas no projeto, é só movê-las para dentro do projeto:
Imagens que precisamos fazer o download
Como deve ficar o nosso projeto atual para que o cabeçalho apareça
Espero que isso ajude, se ainda assim o arquivo não carregar. Volta aqui que a gente tenta encontrar o problema! ;)
Abraços e bons estudos!!