HTML. Imágenes

iSearchNotes is a FREE service that allows College Students to
Search and Share Class Notes.

Vote Up
0
Vote Down
By: profeinformatica 11
March 6, 2011 | Computer Science - Vicente Torregrosa
Save Notes for Word
.doc
4371
views

Imágenes

Para introducir una imagen en una página web se utiliza la sintaxis:

<img src="camino hacia el archivo">

Donde "camino hacia el archivo" es la URL (absoluta o relativa) del fichero que contiene la imagen.

Ejemplos:

  • <img src="foto.jpg">                                                          (En este caso la imagen se encuentra en la misma carpeta que la página web)
  • <img src="../foto.jpg">                                                       (En este caso la imagen se encuentra en la carpeta de arriba)
  • <img src="/carpeta1/carpeta2/foto.jpg">                           (En este caso la imagen se encuentra 2 carpetas "más abajo")
  • <img src="http://www.loquesea.com/carpeta1/foto.jpg">   (En este caso la imagen se encuentra en algún lugar de Internet)

Importante: Hay que poner el nombre exacto del fichero, respetando las mayúsculas, minúsculas, extensión, etc.

Atributos de la etiqueta img

1. Alineación de la imagen. Para colocarla a izquierda, derecha o centro.

  • align="left"
  • align="right"
  • align="center"

Ejemplos:

  • <img src="foto.jpg" align="right">
  • <img src="foto.jpg" align="center"> 

 

Si pusiésemos texto a continuación de la imagen, el texto rellenaría el espacio libre dejado por la imagen.

Ejemplo:

<img src="foto.jpg" align="right"> El Taj Mahal es considerado el más bello ejemplo de arquitectura mogola, estilo que combina elementos de las arquitecturas islámica,persa,india e incluso turca.El monumento ha logrado especial notoriedad por el carácter romántico de su inspiración. Aunque el mausoleo cubierto por la cúpula de mármol blanco es la parte más conocida, el Taj Mahal es un conjunto de edificios integrados.

Resultado:

El Taj Mahal es considerado el más bello ejemplo de arquitectura mogola, estilo que combina elementos de las arquitecturas islámica,persa,india e incluso turca.El monumento ha logrado especial notoriedad por el carácter romántico de su inspiración. Aunque el mausoleo cubierto por la cúpula de mármol blanco es la parte más conocida, el Taj Mahal es un conjunto de edificios integrados.

 

 

 

 

2. Cambio de tamaño original de la imagen, son:

  • height    : Altura de la imagen en píxels
  • width      : Anchura de la imagen en píxels

Es aconsejable:

  •  
    • No mostrar en la página web una imagen más grande que su tamaño original porque sale con mala calidad, pixelada.
    • Mantener la proporción de alto/ancho de la imagen original para que no salga alargada o achatada.

 

Ejemplos:

  • <img src="foto.jpg" height="480" width="640">
  • <img src="foto.jpg" height="1024">

 

Enjoyed These Notes?
Your support will help spread the extreme awesomeness that is iSearchNotes!

0 Comments

You must login to comment.
iSearchNotes.com on Facebook

Login - Register