Scribd
Cargar
3 vistas1 página

Cómo usar imágenes en HTML correctamente

La etiqueta <IMG> se utiliza para incluir imágenes en páginas web, especificando la fuente de la imagen con el atributo SRC. Se puede añadir una descripción con el atributo ALT, lo que es beneficioso para usuarios de navegadores de texto. Es importante considerar el formato GIF y el tamaño de las imágenes para optimizar el tiempo de carga de la página.

Cargado por

newtonxmetro
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
3 vistas1 página

Cómo usar imágenes en HTML correctamente

La etiqueta <IMG> se utiliza para incluir imágenes en páginas web, especificando la fuente de la imagen con el atributo SRC. Se puede añadir una descripción con el atributo ALT, lo que es beneficioso para usuarios de navegadores de texto. Es importante considerar el formato GIF y el tamaño de las imágenes para optimizar el tiempo de carga de la página.

Cargado por

newtonxmetro
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

4.

Imgenes

La etiqueta que nos sirve para incluir imgenes en nuestras pginas del Web es
muy similar a la de enlaces a otras pginas, que hemos visto en el captulo anterior. La
nica diferencia es que, en lugar de indicar al programa navegador el nombre y la
localizacin de un documento de texto HTML para que lo cargue, se le indica el nombre
y la localizacin de un fichero que contiene una imagen. La estructura de la etiqueta es:

<IMG SRC="[Link]">

Con el comando IMG SRC (image source, fuente de la imagen) se indica que se
quiere cargar una imagen llamada [Link] (o el nombre que tenga).

Dentro de la etiqueta se pueden aadir otros comandos, tal como ALT

<IMG SRC="[Link]" ALT="descripcin">

Con el comando ALT se introduce una descripcin (una palabra o una frase
breve) indicativa de la imagen. Este comando, que en principio se puede omitir, es en
beneficio de los que accedan a nuestra pgina con un programa navegador en forma de
texto slo. Ya que no son capaces de ver la imagen, por lo menos pueden hacerse una
idea sobre ella. Pero no es slo por esto. Hay casos, como veremos ms adelante, en los
que se utiliza una imagen como enlace a otra pgina. Si se omitiera este comando, los
que utilizan dichos navegadores no podran de ninguna manera acceder a esas pginas.


Con respecto a la localizacin del fichero de esa imagen, se puede decir aqu lo
mismo que en el captulo anterior referente a los enlaces.

Al igual que una pgina con la que queremos enlazar puede estar fuera de
nuestro sistema, (en cuyo caso haba que indicar su URL o direccin completa),
podemos cargar una imagen que no est en nuestro sistema siguiendo el mismo mtodo,
es decir, indicar en la etiqueta el URL completo de la imagen. Aunque esto no es muy
aconsejable, pues alargara innecesariamente el tiempo de carga de nuestra pgina.

Las imgenes deben estar guardadas en un formato de fichero especial llamado
GIF. (Hay tambin otro formato ms avanzado, del que se hablar ms adelante). Este
formato GIF almacena las imgenes con un mximo de 256 colores, en forma
comprimida. Hay programas grficos (como el Paint Shop Pro para el PC, o el Graphic
Converter para el Mac) que nos permiten guardar las imgenes en este formato, adems
de cumplir otras muchas tareas de manipulacin de las mismas.

Un aspecto muy importante a tener en cuenta es el tamao de las imgenes, pues
una imagen grande supone un fichero grande, y esto puede resultar en un tiempo
excesivo de carga.

También podría gustarte