HTML
imágenes <center> <img src="../imagenes/Penguins.jpg”> La etiqueta que utilizaremos para insertar una imagen es <img> (imagen) esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo grafico mediante el atributo src (origen). La sintaxis queda entonces de la siguiente forma: <img src="camino hacia el archivo"> Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. la etiqueta <img> nos propone otra serie de atributos de mayor o menor utilidad: Atributo alt <center> <img src="../imagenes/Penguins.jpg”> </center>
ATRIBUTOS DE IMG height y width: Definen la altura y anchura respectivamente de la imagen en pixels. Ejemplo: Van dentro de la etiqueta IMG width="500px" height="150px" Atributo border: Definen el tamaño en pixels del cuadro que rodea la imagen. Ejemplo: Van dentro de la etiqueta IMG " border="3"
Alineación de imágenes con HTML La etiqueta <img> puede aceptar el atributo align. En este caso. El hecho de utilizar el atributo align dentro de la etiqueta <img> nos permite, en el caso de darle los valores left o right, justificar la imagen del lado que deseamos a la vez que rellenamos con texto el lado opuesto. Ejemplo: <p> <img src="imagen.gif" align="right">Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla... </p> Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla bla bla bla bla..
MARGENES Con otros atributos de la etiqueta <body> se pueden asignan espacios de margen en las páginas, todos los navegadores los interpreten perfectamente. leftmargin: Para indicar el margen a los lados de la página. Válido para iexplorer. topmargin: Para indicar el margen arriba y debajo de la página. Para iexplorer. marginwidth: la contrapartida de leftmargin (Margen a los lados). marginheight: igual que topmargin. (Margen arriba y abajo). <body topmargin=0 leftmargin=0> <body marginheight=0 marginwidth=0>