Comunidad Tecnologica Estudiantil
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Conectarse

Recuperar mi contraseña

Mejores posteadores
Administrador (138)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
lezlhy (54)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
blazeken (27)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
grisselgpeco (19)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
Maiku (16)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
rigostar27 (4)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
maestro1 (2)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
Luikore (2)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
pedro alberto (1)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 
anelpilo (1)
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcapTutorial Basica De Html Imagenes Parte 6 I_voting_barTutorial Basica De Html Imagenes Parte 6 I_vote_rcap 

Paginas Asociadas
Sondeo

Te Gustaria Ser Un Hacker?

Tutorial Basica De Html Imagenes Parte 6 I_vote_lcap78%Tutorial Basica De Html Imagenes Parte 6 I_vote_rcap 78% [ 29 ]
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcap8%Tutorial Basica De Html Imagenes Parte 6 I_vote_rcap 8% [ 3 ]
Tutorial Basica De Html Imagenes Parte 6 I_vote_lcap14%Tutorial Basica De Html Imagenes Parte 6 I_vote_rcap 14% [ 5 ]

Votos Totales : 37


Tutorial Basica De Html Imagenes Parte 6

Ir abajo

Tutorial Basica De Html Imagenes Parte 6 Empty Tutorial Basica De Html Imagenes Parte 6

Mensaje por Administrador Sáb Ene 22, 2011 5:52 pm

Imagenes


Hasta el momento hemos visto como se puede escribir texto en una pagina Web, asi como sus posibles formatos. Para incluir una imagen en nuestra página Web utilizaremos la directiva <IMG>. Hay dos formatos de imagenes que todos los navegadores modernos reconocen. Son las imágenes GIF y JPG. Cualquier otro tipo de fichero gráfico o de imagen (BMP, PCX, CDR, etc...) no será mostrado por el visor, a no ser que disponga de un programa externo que permita su visualización.

La directiva <IMG> tiene varios parámetros :


src = "imagen"
Indica el nombre del fichero gráfico a mostrar.

alt = "Texto"
Mostrara el texto indicado en el caso de que el navegador utilizado para ver la página no sea capaz de visualizar la imagen.

lowsrc ="imagen"
Muestra una segunda imagen "superpuesta" sobre la primera una vez se carga la pagina. Este parametro no es reconocido por la totalidad de los navegadores ya que esta en estudio su aplicacion, asi que en la mayoria de los casos sera ignorado mostrandose solo la primera imagen (src). En Netscape muestra la imagen indicada por lowsrc en primer lugar, y posteriormente muestra la imagen indicada por src. Si las imagenes son iguales pero tienen distinta "resolucion" se conseguirá un efecto tipo "Fade". Si las imagenes son de distinto tamaño la imagen indicada en src se redimensionara al tamaño indicado por la imagen indicada en lowsrc

align = TOP / MIDDLE / BOTTOM
Indica como se alineará el texto que siga a la imagen. TOP alinea el texto con la parte superior de la imagen, MIDDLE con la parte central, y BOTTOM con la parte inferior.

border = tamaño
Indica el tamaño del "borde" de la imagen. A toda imagen se le asigna un borde que será visible cuando la imagen forme parte de un Hyperenlace.

height = tamaño
Indica el alto de la imagen en puntos o en porcentaje. Se usa para variar el tamaño de la imagen original.

width = tamaño
Indica el ancho de la imagen en puntos o en porcentaje. Se usa para variar el tamaño de la imagen original.

hspace = margen
Indica el numero de espacios horizontales, en puntos, que separarán la imagen del texto que la siga y la anteceda.

vspace = margen
Indica el número de puntos verticales que separaran la imagen del texto que le siga y la anteceda.

ismap / usemap
Indica que la imagen es un MAPA. Veremos estos parametros mas adelante en este manual.


Ejemplo:
<IMG src="caution.gif" alt="Cuidado !!">

Se verá:

Y en caso de poder visualizar la imagen:
Cuidado !!

La imagen a mostrar puede encontrase en el mismo lugar (URL) que la pagina Web. Si este no fuera el caso, el nombre de la imagen ha de contener la URL donde se encuentre la imagen.


Administrador
Administrador


Mensajes Mensajes : 138
ComuReputacion ComuReputacion : 4
Fecha de inscripción Fecha de inscripción : 30/11/2010
Localización : Jojutla Morelos

http://www.comunidadestudiantil.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.