Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
bianca_dovale

Problema com imagens no HTML5

Recommended Posts

Olá, gente! Desde já agradeço quem se dispuser a me ajudar.

Estou aprendendo HTML5, mas estou tendo dificuldades na hora de colocar a imagem. Toda vez que insiro todo o endereço, por exemplo:

 <img src="C:\Users\User\Desktop\projeto-html5\projeto-glass-html5\_imagens\oculos.png">

a imagem carrega no meu navegador. Porém, meu professor do curso disse que se eu digitar todo esse endereço, o meu site não vai funcionar na internet.

Só que quando eu insiro somente a pasta, o nome e o tipo da imagem, não funciona, ela não carrega. Por exemplo:

<img src="_imagens\oculos.png"> (Não funciona)!!

 

Ps: já limpei o navegador; já usei navegadores diferentes; mudei as imagens de pasta; já inverti as barras.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@bianca_dovale Olá Bianca, seja muito bem vinda em nosso Clube do Hardware.

 

Seu professor, pode não estar errado, mas também não está certo.

 

Existe dois tipos de caminhos para uma imagem/arquivo:

 

Absoluto e relativo.

No absoluto você insere o endereço completo  por exemplo:

Você tem este caminho:  www.meusite.com.br/imagens 

 

Quando postar:

 

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

Vai funcionar.

 

NO caminho relativo,  você pode informar somente o diretório onde está e a imagem.

 

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

Neste caso, ele é relativo porque você está indicando que a imagem está dentro da pasta imagens, mas esta pasta imagens está no root. 

 

OU seja, em outras palavras, para funcionar no relativo é necessário que adicione  ../   antes da pasta.

 

Por isso que eu disse que seu professor não está certo, mas também não está errado.

Usar o caminho absoluto as vezes convém.

 

adicionado 3 minutos depois

PS: evite de colocar underline no nome do diretório.

crie nomes como img, imagens... e etc.

 

Dica:

Deixe a estrutura de seu site assim:

/(root)
|
|-imagens
|   |-oculos.png
|-scripts
|   |-  arquivos javascript
|-css
|   |- arquivos  css
|-Arquivos do site html ou php

PS2: em tempo, no html,  os caminhos devem ter a barra normal e não a invertida!

 

 

errado:  imagens\imagem.jpg

 

certo:    imagens/imagem.jpg

Editado por DiF

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • Autor do tópico
  • @DiF, muitíssimo obrigada! Funcionou aqui. Eu estava quase ficando louca.

    Valeu, mesmo. 

    • Curtir 1

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Crie uma conta ou entre para comentar

    Você precisar ser um membro para fazer um comentário






    Sobre o Clube do Hardware

    No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

    Direitos autorais

    Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

    ×