Tutorial HTML

HTML

Introducción

Javascript

Sigueme en:

ArielAlexCo

ArielAlexCo.net

Galeria

MéXICO | Un Pais un Futuro

Sello Postal

Bibliote de la UAM-X

Unidad a partir de la...

Edificio de Biología

HTML
Introducción Código Básico Texto Imagenes	Links Frames Tables Javascript

Imagenes

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

<Img src="imagen.jpg">

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


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 >