HTML imagem não aparece como visualização

[Swro]

Olá, eu estou aprendendo programação HTML e estou com uma dúvida, como faz para que a imagem em um site apareça em visualização (sem precisar clicar como se fosse um hyperlink),... aqui um exemplo:

Agradeço quem puder me ajudar...

[DiF]

@Swro Seu código está certo, apesar pouco edentado.

 

O seu erro é o caminho que aponta para imagem.

Assumo, que você não conhece as regras de caminho relativo e absoluto.

 

Basicamente, o caminho relativo é usado quando queremos acessar um arquivo em determinado diretório sem colocar o endereço completo

Por exemplo:

raiz
  |-index.html
  |-imagens
     |-carinha_feliz.png

Esta estrutura indica que o arquivo principal do site é o "index", está na raiz do servidor(root)

A imagem está dentro de um diretório chamado imagens.

 

O caminho relativo acessa da seguinte maneira:

 

<img src="imagens/carinha_feliz.png" />

Já o caminho absoluto precisa do endereço completo:

 

<img src="http://127.0.0.1/imagens/carinha_feliz.png" />

Repare que no meu exemplo usei o http://127.0.0.1  porque é localhost.. mas no seu servidor online vai colocar: 

 

<img src="http://www.seusite.com.br/imagens/carinha_feliz.png" />

 

 

[Swro]

eu estava realmente com duvida no caminho absoluto e caminho relativo (pois no meu curso básico não explica com clareza). Mas eu tmb quero que apareça um "pré-visualização" (uma mini imagem) Agradeço a ajuda...

 

obs: (eu arrumei o caminho com a sua ajuda)