HTML Link não funciona em html

[ewertonfelix]

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á 

[DiF]

@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
     |
     
     

 

[Adriano_web]

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