12.176 cursos gratis
8.741.932 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Curso de HTML

Autor: Felipe Javier Mckeever
Curso:
9,20/10 (15 opiniones) |33367 alumnos|Fecha publicación: 20/10/2006
Envía un mensaje al autor

Capítulo 18:

 Colocación de imágenes en la pagina Web

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

Capítulo anterior - Formato de imágenes

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a Curso de HTML



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
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
Curso con video
3. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail