HTML imagem html não insere

[LuccsNobrega]

Não estou conseguindo inserir a imagem na minha pagina.

 

ela esta salva na pasta imagens com nome "tre"

estou usando o comando <img src="imagens/tre.jpg"> e ela não aparece.

Socorro

[Leonardo0308]

Boa tarde, @LuccsNobrega

 

O código está certo, agora tem que ver se o caminho está correto, ou até mesmo se a imagem não está escondida por outro elemento.

 

Poderia mandar um print da estrutura da pasta ou até mesmo o que tem no html/css junto com essa imagem.

[LuccsNobrega]

adicionado 1 minuto depois

tenho que fazer um exercicio de linkar um retangulo na imagem, dai peguei as cordenadas do canto superior esquerdo e do canto inferior direito e resultou nesse print q vou mandar em seguida.

adicionado 2 minutos depois

adicionado 3 minutos depois

essas cordenadas que passei são apenas da cabeça da arvore. nao da imagem inteira

[DiF]

@LuccsNobrega Posta seu código.

 

Ademais, para a imagem funcionar, ela precisa estar dentro de uma pasta ou na raiz onde o arquivo HTML está.

O print que você postou é de uma pasta do próprio windows.

 

A estrutura que tem que ser é assim:

Raiz (root)
 |
 |-imagem
 |  |-oi.jpg
 |
 |-index.html

Então você acessa a imagem assim:

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

 

[Leonardo0308]

Certo, é o caminho que está errado. No código você está dizendo que na mesma pasta que o código está salvo, tem uma pasta chamada imagens e dentro dela tem o aquivo tre.jpg.

 

Para esse código funcionar você deve criar uma pasta chamada imagens no mesmo local que você salvo o arquivo com o código e colocar a imagem tre.jpg dentro dessa pasta.

[LuccsNobrega]

@Leonardo0308 hmm, vou tentar aqui agora

adicionado 1 minuto depois

eii, então é isso? o problema era a pasta imagens não esta na mesma pasta que o arquivo em html? pois eu acabei de fazer isso e deu certo, não sei se linkou, mas a imagem apareceu

adicionado 17 minutos depois

beleza, consegui, agora preciso mapear ela, n to conseguindo. to seguindo as orientações da minha professora e n ta dando certo, ela nao ta aqui pra me ajudar, por isso to pedindo ajuda aqui no forum

adicionado 43 minutos depois

@Leonardo0308 me ajuda no outro post que fiz? pleasee

[LuccsNobrega]

Coloquei as coordenadas certas, fiz tudo que a professora fez no dela, o dela deu certo e o meu não. o que to fazendo de errado? Porque o </map> ta vermelho?

adicionado 1 minuto depois

acabei de ver o porque nao consigo, o comando usemap n foi inserido corretamente, como inseri-lo corretamente?

adicionado 2 minutos depois

olha o print dos comandos do da minha professora, o dela deu certin

adicionado 3 minutos depois

adicionado 12 minutos depois

socorro

adicionado 16 minutos depois

alguem me ajudaaaaaaaaaaaaaaaaaaaaaaa

[Leonardo0308]

@LuccsNobrega  você não fechou a tag <area> corretamente, por isso o </map> está em vermelho.

[LuccsNobrega]

Porque se eu deixar o width="" no comando da imagem o mapeamento não é executado? eu retirei o comando width e o mapeamento deu certo, porém com o width não funciona. Porque?

[Leonardo0308]

@LuccsNobrega boa tarde!

 

Já tentou colocar esse width pro css? em vez de colocar ele inline.

[LuccsNobrega]

@Leonardo0308 não sei nada sobre css, n tive nem 1 aula sobre isso =/

[Leonardo0308]

Pode ser que o mapeamento ta saindo fora da imagem com o width de 500.

 

5 minutos atrás, LuccsNobrega disse:

não sei nada sobre css, n tive nem 1 aula sobre isso

 

Mas você ta usando width, isso é css inline.

[LuccsNobrega]

@Leonardo0308 vish, sabia não... sou iniciante nessa area =s , to aprendendo criar paginas simples, tabelas, listas, inserir imagem, video, titulo, direcionar textos, img, videos, ... o basico

[Vitor9332]

@LuccsNobrega amigo o arquivo index.html e a pasta imagens tem que estar na masma pasta, entende?

 

adicionado 1 minuto depois

@LuccsNobrega crie uma pasta e cole o index junto com a pasta de imagens