Cursos para compartir lo que sabes 3.284 cursos gratis
6.263.460 alumnos
6.263.460 alumnos
4,86/5
(11 opiniones)
|14931 alumnos|Fecha publicación: 20/10/2006
La directiva para incluir un gráfico es <IMG > (Imagen), este tiene el formato básico siguiente:
<IMG SRC="Ruta/imagen">
<IMG> Indica la inserción de una imagen en una página HTML
SRC="Ruta/Imagen" Se utiliza para indicar la ruta y el nombre de gráfico a mostrar:
Ejemplo:
<IMG SRC="imágenes/rosa.gif">
El comando anterior carga en la pagina la imagen rosa del directorio imágenes
La directiva <IMG> tiene los parámetros opcionales BORDER, HEIGHT, WIDTH, ALT y ALIGN, pudiendo agregarse uno o varios de ellos.
| BORDER= "Tamaño numérico" | Se refiere al borde del gráfico, el número 1 indica borde y el numero 0 significa sin borde, por defecto el valor es 1 |
| HEIGHT= "Tamaño numérico" | Indica el alto de la imagen en puntos o pixels, o en porcentaje. Se emplea para cambiar el tamaño original del gráfico. |
| WIDTH= "Tamaño numérico" | Indica el ancho de la imagen en puntos (pixels) o en porcentaje. Se emplea para variar el tamaño de la imagen original. |
|
Tip: | Crea un gráfico pequeño que sea rápido de cargar y amplificarlo con HEIGHT y WIDTH, para su visualización |
| ALT= "Texto a mostrar" | Es el texto que se desea que aparezca cuando se pase el puntero del Mouse sobre la imagen |
| ALIGN="top | middle | bottom" | Indica como se ha de alinear el texto que siga o preceda a la imagen. Se aplica para textos cortos que entren en una sola línea a un lado de la imagen. Si se desea textos más largos, se emplean tablas que más adelante se ilustraran. |
|
Bottom | Alinea el texto en la zona inferior del gráfico. |
|
Top | Alinea el texto en la zona superior del gráfico. |
|
Center ó Middle | Alinea el texto en la zona central del gráfico. |
Se da a continuación varios ejemplos de combinaciones de los atributos de <IMG>
Colocación de borde en una imagen
Sintaxis:
<IMG SRC="Ruta/imagen" BORDER=tamaño ALT="texto a mostrar">
Ejemplo:
<IMG SRC="imagenes/rosa.gif" BORDER=0 ALT="Imagen de una rosa">
Escribe el ejemplo anterior dentro de la sección <body> de en un nuevo archivo de nombreimágenes1.html.
Visualiza el resultado.
Resultado
Cambia el atributo BORDER=0 A BORDER=1 y observa que ahora la imagen tiene un borde.
Resultado
Hay 11 opiniones. Opina sobre este curso.
| Cursos | Valoración | Alumnos | Vídeo | |
|---|---|---|---|---|
|
PHP y MySQL. Aplicaciones Web: programación PHP I (quinta parte) Programación de aplicaciones Web con PHP y MySQL. Ahora estudiaremos el Lenguaje de programación PHP. Aprende ahora las formas de escribir las etiquetas ... [02/12/08] |
|
1.076 | ||
|
Introducción al lenguaje Pascal Pascal es un lenguaje de alto nivel y de propósito general (es aplicable a un gran número de aplicaciones diversas) desarrollado por el profesor suizo Niklaus Wirth como ... [01/03/06] |
|
10.704 | ||
|
Java Java nació con el deseo por parte de Sun de buscar un lenguaje de programación enfocado a electrodomésticos. Se necesitaba alg&uacu... [23/04/04] |
|
49.291 | ||
Publicar en 
del.icio.us 
digg 
meneame
