Minha imagem não aparece na página

escrevi o código HTML conforme abaixo, mas não aparece a imagem na página

A Mirror Fashion
	<img  src="imagem/logo.png" alt="logo da Mirror Fashion">

	<h1><font color=red>A Mirror Fashion</font></h1>

A Mirror Fashion é a maior empresa comércio eletrônico no segmento de moda em todo o mundo. Fundada em 1932, possui filiais em 124 países, sendo líder de mercado com mais de 90% de participação em 118 deles.

Nosso centro de distribuição fica em Jacarezinho, no Paraná. De lá, saem 48 aviões que distribuem nossos produtos às casas do mundo todo. Nosso centro de distribuição:

Foto do centro de distribuicao da Mirror Fashion Centro de distribuição da Mirror Fashion

Compre suas roupas e acessórios na Mirror Fashion. Acesse nossa loja ou entre em contato se tiver dúvidas. Conheça também nossa história e nossos diferenciais.

	<h2><font color=blue>História</font></h2>

	<figure>
	<img src="imagem/img/familia-pelho.jpg" alt="Foto da familia Pelho">
	<figcaption>Familia Pelho</figcaption>
	</figure>
	<p>
	A fundação em 1932 ocorreu no momento da descoberta econônica do interior do Paraná. A 
	família Pelho, tradicional da região, investiu todas as suas economias nessa nova iniciativa, 
	revolucionária para a época. O fundador Eduardo Simões Pelho, dotado de particular visão 
	administrativa, guiou os negócios da empresa durante mais de 50 anos, muitos deles ao lado 
	de seu filho E. S. Pelho Filho, atual CEO. O nome da empresa é inspirado no nome da família.
	</p>

	<p>
	O crescimento da empresa foi praticamente instantâneo. Nos primeiros 5 anos, já atendia 18 países. 
	Bateu a marca de 100 países em apenas 15 anos de existência. Até hoje, já atendeu 740 milhões 
	de usuários diferentes, em bilhões de diferentes pedidos.
	</p>

	<p>
	O crescimento em número de funcionários é também assombroso. Hoje, é a maior empregadora do 
	Brasil, mas mesmo após apenas 5 anos de sua existência, já possuía 30 mil funcionários. Fora do 
	Brasil, há 240 mil funcionários, além dos 890 mil brasileiros nas instalações de Jacarezinho e 
	nos escritórios em todo país.
	</p>

	<p>
	Dada a importância econômica da empresa para o Brasil, a família Pelho já recebeu diversos prêmios, 
	homenagens e condecorações. Todos os presidentes do Brasil já visitaram as instalações da Mirror 
	Fashion, além de presidentes da União Européia, Ásia e o secretário-geral da ONU.
	</p>
</body>

Criei a pasta sobre.css conforme abaixo:

body{
	color: #333333;
	font-family: "Lucida Sans Unicode"," Lucida Grande", sans-serif;
}
h1{
	background-image: url(imagem/img/sobre-background.jpg);
}
h2{
	border-bottom: 2px solid #333333;
}
figure{
	background-color: #F2EDED;
	border: 1px solid #ccc;
	text-align: center;
}
figcaption{
	font-style: italic;
}

Para que a tag acima tenha efeito, é preciso que:

  • O arquivo .html em que ela está inserida esteja no mesmo nível que o diretório imagem
  • Exista um diretório com nome imagem
  • Dentro desse diretório, exista o arquivo logo.png

Caso contrário, não funciona.

Sim, existe mas quando eu tento puxar tanto da pasta imagem quanto da pasta sobre.css nem mesmo mudar o texto de cor.

Tem que voltar 1 diretório e acessar a imagem. “./”