Imágenes para la web

IMAGENES
DEFINIDAS POR HTML Y
DETERMINADAS POR CSS
martes 20 de agosto de 2013

<body>
la etiqueta HTML de imagen (img) deﬁne la incorporación de
una imagen en un documento, que no tiene una tag
correspondiente de cierre pero que puede acompañarse de
los siguientes atributos:
</body>
<img src=”foto.jpg” width=”520” height=”140” alt=”referencia de la imagen” />

src: Este atributo es obligatorio e indica el nombre del
archivo de imagen (entre comillas) o la URL que se va a
representar.
indica el nombre o ruta

width: Este atributo es opcional pero es recomendable
ponerlo para ayudar al navegador a representar la imagen,
signiﬁca el ancho de la imagen que vamos a representar.
indica el ancho

height: Al igual que el atributo WIDTH, es opcional y
recomendable ponerlo, este signiﬁca el alto de la imagen.
indica el alto

alt: Es la alternativa que se estableció cuando todavía
existían visualizadores de solo texto. Entre comillas podremos
escribir un texto que suplantara a esta imagen si no se carga
o mientras se carga o cuando, visualizando ya la imagen,
pasamos el ratón por encima.
alternativa

ATRIBUTOS DE IMAGENES
COMO ADMINISTRA CSS LAS
IMAGENES

background-image: La propiedad background-image
establece la imagen de fondo de un elemento.
Cuando se deﬁne una imagen de fondo (background image),
también debería deﬁnirse un background color (color de
fondo) similar para aquellos que no cargan las imágenes.
#header {
background-image: url(imagenes/fondo.jpg);
}
nombre del selector

url: determina cual es la ubicación de la imagen que se va a
utilizar en relación al documento HTML.
#header {
}
deﬁne la ruta de la imagen

(...): expresa el nombre del archivo de imagen que se va a
utilizar y su extensión
#header {
}
nombre del archivo

background-repeat: determina como se repite la
imagen de fondo de un elemento.
El valor repeat-x repetirá la imagen horizontalmente mientras
que el valor repeat-y repetirá la imagen verticalmente
#header {
background-repeat: repeat-x;
}
nombre del selector

preguntas??

Imágenes para la web

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Destaque

Destaque (20)

Semelhante a Imágenes para la web

Semelhante a Imágenes para la web (20)

Mais de iConstruye

Mais de iConstruye (20)

Imágenes para la web