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.
Cambia el atributo BORDER=0 A BORDER=1 y observa que ahora la imagen tiene un borde.
|
1. HTML para principiantes HTML para principiantes , aprende a hacer tus propias páginas web. Programar en un... [15/09/09] |
9.836 | ||||
|
2. HTML. Cómo crear imagen Sigue este tutorial de informática y aprende a crear banners con links en tu... [31/03/11] |
985 |
|
|||
|
3. HTML, CSS. Menú horizontal Aprende a utilizar los elementos básicos de HTML y CSS , y crea un menú sencillo... [12/04/11] |
436 |
|
|||
Cursos para compartir lo que sabes
