Afegint imatges a les vostres pàgines web

Obtenció d'imatges per mostrar correctament

Totes les imatges que vulgueu enllaçar a l'HTML del vostre lloc web primer s'han de carregar al mateix lloc on envieu el codi HTML per a la pàgina web, ja sigui que el lloc estigui allotjat en un servidor web que accedeixi a FTP o que utilitzeu un servei d'allotjament web. Si utilitzeu un servei d'allotjament web, és probable que utilitzeu un formulari de càrrega proporcionat pel servei. Aquests formularis solen estar a la secció d'administració del vostre compte d'allotjament.

Carregar la vostra imatge al servei d'allotjament només és el primer pas. A continuació, heu d'afegir una etiqueta al codi HTML per identificar-la.

S'estan carregant imatges al mateix directori que l'HTML

Les vostres fotografies es poden trobar al mateix directori que l'HTML. Si aquest és el cas:

1. Pengeu una imatge a l'arrel del vostre lloc web.
2. Afegiu una etiqueta d'imatge al vostre HTML per apuntar a la imatge.
3. Pengeu el fitxer HTML a l'arrel del vostre lloc web.
4. Proveu el fitxer obrint la pàgina al vostre navegador web.

L'etiqueta d'imatge té el següent format:

Suposant que esteu penjant una foto de la lluna amb el nom "lunar.jpg", l'etiqueta d'imatge pren el següent formulari:

L'alçada i l'amplada són opcionals, però es recomana. Tingueu en compte que l'etiqueta d'imatge no requereix una etiqueta de tancament.

Si esteu enllaçant a una imatge en un altre document, utilitzeu etiquetes d'ancoratge i anoteu l'etiqueta d'imatge a l'interior.

Carregar imatges en un subdirectori

És més comú emmagatzemar imatges en un subdirectori, normalment anomenat Imatges . Per indicar les imatges d'aquest directori, cal saber on es troba en relació amb l'arrel del vostre lloc web.

L'arrel del vostre lloc web és on es mostra l'URL, sense directoris al final. Per exemple, per a un lloc web anomenat "MyWebpage.com", l'arrel segueix aquest formulari: http://MyWebpage.com/. Observeu la barra inclinada al final. Així és com normalment s'indica l'arrel d'un directori. Els subdirectories inclouen aquesta barra per mostrar on se senten a l'estructura del directori. El lloc d'exemple MyWebpage podria tenir l'estructura:

http://MyWebpage.com/ - el directori arrel http://MyWebpage.com/products/ - el directori de productes http://MyWebpage.com/products/documentation/ - el directori de documentació del directori de productes http: // MyWebpage.com/images/ - el directori d'imatges

En aquest cas, quan assenyali la seva imatge al directori d'imatges, escriviu:

Això s'anomena camí absolut a la vostra imatge.

Problemes comuns amb imatges que no mostren

Fer que les imatges es mostrin a la vostra pàgina web poden ser desafiants al principi. Els dos motius més comuns són que la imatge no s'ha carregat on està apuntant l'HTML o si el codi HTML està escrit incorrectament.

El primer que has de fer és veure si pots trobar la teva imatge en línia. La majoria dels proveïdors d'allotjament tenen algun tipus d'eina de gestió que podeu utilitzar per veure on heu carregat les vostres imatges. Després de pensar que té l'URL correcte per a la vostra imatge, escriviu-lo al vostre navegador. Si la imatge apareix, teniu la ubicació correcta.

A continuació, comproveu que el vostre HTML estigui apuntant a aquesta imatge. La forma més senzilla de fer-ho és enganxar l'URL d'imatge que acabeu de provar a l'atribut SRC. Torna a penjar la pàgina i prova-la.

L'atribut SRC de la vostra etiqueta d'imatge mai no hauria de començar amb C: \ o fitxer: semblarà que funcioni quan comproveu la vostra pàgina web a la vostra pròpia computadora, però tothom que visiteu el vostre lloc veurà una imatge trencada. Això es deu a que C: \ apunta a una ubicació al disc dur. Atès que la imatge està al vostre disc dur, es mostra quan la veieu.