Sigueme en:

        ArielAlexCo

        ArielAlexCo.net


Galeria


Fotomontajes


Diseño


Clientes Recientes

www.hermenegildocastro.com
Imagenes

Para poner las imágenes es muy sencillo, sólo tienes que poner en donde tu quieras el siguientecomando:


<Img src="imagen.jpg">

Perro con Actitud

       Así de fácil tendrás una imagen en la página que estés haciendo, ahora bien, las imágenes tienen varios comandos extras que te permiten manipularlo a como más te plasca, los cuales son:

Width=" "Determina el ancho en pixeles de la imagen.
Height=" "Determina lo alto en pixeles de la imagen.
Vspace=" "Es un espacio invisible que se genera verticalmente a la imagen.
Hspace=" "Lo mismo que Vspace pero horizontalmente.
Border=" " Por default esta en 0, pero si le pones 1 o más le crea un borde alrededor a tu imagen.
Align=" "Determina la posicion de la imagen con respecto a un texto u otra imagen. [left] [center] [right] [Top] estos comandos funcionan igual que con el texto, sin embargo estas posiciones son de la imagen con referencia al texto u otros elementos.
Alt=" "Pone un texto cuando el mouse pasa sobre la imagen.

       Comos se ve en el ejemplo de arriba estos comandos se pueden evitar pero al ponerlos te permite realizar algunas especificaciones que después te serán útiles.Aquí unos ejemplos

Imágen de la izquierda: Condensada Border: 0
Imágen central: Tamaño Original (Default)Border: 1
Imágen de la derecha: Extendida Border: 7
width="40" height="96"
width="96" height="96"
width="96" height="40"

       Por default, si no pones los comandos de Width y Height los browser ponen la imagen en sutamaño original en pixeles. En el ejempo anterior podemos ver variaciones de una misma imagencon diferentes "tamaños", además podemos ver la aplicacioón del tag alt y la de border


NOTAS IMPORTANTES:

• Por lo general graba tus imágenes con nombres faciles de recordar.

• De preferencia todo en minúsculas porque los browser son "case-sensitive" que significa que "imagen" no es lo mismo que "ImAgEn" o que "Imagen".

Evita los espacios en blanco por que la mayoría de los servidores no los acepta.

• Y por lo general trata de utilizar solo imágenes jpg, gif o incluso png, no uses bmp porque son muy pesadas.



       Si estas viendo el tutorial en orden, ahora es un muy buen momento para ponerte a experimentar con lo que ya sabes. Verás que ya puedes crear hojas de tu site. en la siguiente parte del tutorial veremos más especificaciones de diseño de site.

Links >    




Compartir