Ir ao conteúdo
  • Cadastre-se
ewertonfelix

HTML Link não funciona em html

Recommended Posts

Galera, boa noite!

 

Estou começando a programar porém fiz um site em html http://kinformatica.epizy.com/

e as paginas não estão abrindo e nem as imagens aparece, pelo que eu sei tenho que tirar o caminho que está como local porém nao sei como fazer isso 

usei o infinityfree e subir os arquivos, fotos e as outras paginas porém o link não funciona, quem poder me ajudar, obrigado desde já 

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

@ewertonfelix

Olá, seja bem vindo em nosso Clube do Hardware.

O seu problema está no endereço dos links e no src das imagens.

 

Se perceber, você usou o endereço local do seu computador.

Então você deve colocar o endereço do seu servidor no atributo href

 

Por exemplo:

<a href="pagina.html"> Link teste </a>

Desta forma, o link aponta que o arquivo pagina.html está na raiz do servidor.

E se eu quiser colocar em uma pasta?

 

Simples, crie a pasta que quer e coloque o arquivo dentro. No link vai apontar assim:

<a href="suaPasta/pagina.html"> Link teste </a>

 

Já as imagens precisam que no atributo src tenha o endereço da mesma forma que o link.

 

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

Neste exemplo, a imagem está dentro da pasta imagens.

 

A estrutura no servidor fica assim:

   Raiz
     |
     |--imagens
     |     |-sua_imagem.jpg
     |
     
     

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Os caminhos estão errados, você usou um caminho buscando o arquivo deis da pasta raiz do windows e não da pasta raiz do seu arquivo html, se você quiser adicionar um caminho a partir da pasta aonde está seu arquivo html você buscaria apenas pelo arquivo que você quer, exemplo:

<img src="imagem.jpg">

Se você quiser obter o arquivo a partir de outra pasta que está dentro da pasta que contém o seu documento html, você chamaria percorrendo o nome da pasta e depois pelo nome da imagem, exemplo:

<img src="img/imagem.jpg">

Se a sua imagem estiver no servidor, a sintaxe é quase a mesma, apenas acrescente uma barra no inicio assim:

<img src="/img/imagem.jpg">

Ou.. 

<img src="/imagem.jpg">

Podendo também se referenciar ao link completo que contém o arquivo, assim:

<img src="http://www.exemplo.com/img/imagem.jpg">

Se quiser uma referencia completa deixo um link mais estruturado aqui: https://www.w3schools.com/html/html_filepaths.asp

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

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





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

×