Engadir imaxes ás túas páxinas web

Obtendo imaxes para mostrar correctamente

Calquera imaxe que queira vincular no HTML do seu sitio web primeiro debe cargarse no mesmo lugar onde se envía o código HTML para a páxina web, se o sitio está hospedado nun servidor web ao que chega FTP ou usa un servizo de hospedaxe web. Se usa un servizo de hospedaxe web, probablemente use o formulario de carga que fornece o servizo. Estes formularios normalmente están na sección de administración da túa conta de hospedaxe.

Subir a túa imaxe ao servizo de hospedaxe é só o primeiro paso. Entón tes que engadir unha etiqueta no HTML para identificala.

Cargando imaxes para o mesmo directorio que o HTML

As túas fotos poden estar situadas no mesmo directorio que o HTML. Se é ese o caso:

1. Carga unha imaxe na raíz do teu sitio web.
2. Engada unha etiqueta de imaxe no seu HTML para sinalar a imaxe.
3. Cargue o ficheiro HTML na raíz do seu sitio web.
4. Proba o ficheiro abrindo a páxina no seu navegador web.

A etiqueta de imaxe ten o seguinte formato:

Supoñendo que está cargando unha foto da lúa co nome "lunar.jpg", a etiqueta de imaxe ten o seguinte formulario:

A altura e ancho son opcionais pero recomendáronse. Ten en conta que a etiqueta de imaxe non require unha etiqueta de peche.

Se está a ligar a unha imaxe noutro documento, utilice as etiquetas de referencia e anida a etiqueta de imaxe dentro.

Cargando imaxes nun subdirectorio

É máis común almacenar imaxes nun subdirectorio, xeralmente chamado imaxes . Para apuntar imaxes nese directorio, necesitas saber onde está en relación á raíz do teu sitio web.

A raíz do seu sitio web é onde se amosa a URL, sen ningún directorio ao final. Por exemplo, para un sitio web chamado "MyWebpage.com", a raíz segue este formulario: http://MyWebpage.com/. Observe o slash ao final. Así é como normalmente se indica a raíz dun directorio. Os subdirectorios inclúen esa barra para mostrar onde se atopan na estrutura do directorio. O sitio exemplo de MyWebpage pode ter a estrutura:

http://MyWebpage.com/ - o directorio raíz http://MyWebpage.com/products/ - o directorio de produtos http://MyWebpage.com/products/documentation/ - o directorio de documentación baixo o directorio de produtos http: // MyWebpage.com/images/ - o directorio de imaxes

Neste caso, cando sinala a súa imaxe no directorio de imaxes, escribe:

Este chámase camiño absoluto á túa imaxe.

Problemas comúns con imaxes que non mostran

O feito de que as imaxes aparezan na súa páxina web pode ser un reto ao principio. Os dous motivos máis comúns son que non se cargou a imaxe onde o HTML apunta, ou o HTML está escrito incorrectamente.

O primeiro que debes facer é ver se podes atopar a túa imaxe en liña. A maioría dos proveedores de hospedaxe teñen algún tipo de ferramenta de xestión que pode usar para ver onde cargou as túas imaxes. Despois de pensar que ten a URL correcta para a súa imaxe, escríbaa no seu navegador. Se a imaxe aparece, entón tes a localización correcta.

A continuación, comprobe que o seu HTML apunta a esa imaxe. A forma máis sinxela de facelo é pegar o URL da imaxe que acaba de probar no atributo SRC. Volver cargar a páxina e probar.

O atributo SRC da túa etiqueta de imaxe nunca debería comezar por C: \ ou ficheiro: isto funcionará cando probe a súa páxina web no seu propio ordenador, pero todos os que visiten o seu sitio verán unha imaxe rota. Isto ocorre porque C: \ apunta a unha localización no disco ríxido. Unha vez que a imaxe está no disco ríxido, móstrase cando o ves.