12.213 cursos gratis
8.308.105 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Manual HTML

Silvestre Goxcon Blas

Autor: Silvestre Goxcon Blas
Curso:
9,29/10 (104 opiniones) |74947 alumnos|Fecha publicación: 25/11/2004

Capítulo 18:

 Aplicación de bordes a imágenes

Se dijo anteriormente que a una imagen insertada en una página Web se le puede aplicar un marco o borde. Además, si utiliza el modificador ALT, podrá especificar un mensaje o pista, cuando señale con el Mouse a la imagen. Para hacer esto, debe incluir dentro de la instrucción para insertar una imagen, la siguiente sintaxis:

<img src="imagen.jpg" Border=valor Alt="Estudio=Progreso">

Un valor mayor que 0, aplicará un contorno a la imagen insertada. Si utiliza valor 0, será como si omitiera el modificar Border.

La página anterior fue modifica para aplicar contornos a las dos imágenes insertadas.

Aplicación de bordes a imágenes

Cuando el Mouse se ubica sobre la imagen del estudiante, despliega un mensaje instantáneo aplicado en la instrucción ALT="cadena de mensaje".

Si se desea aplicar espaciado horizontal o vertical, debe utilizar los modificadores hspace o vspace, con la instrucción de inserción de imágenes. Cuando se aplica espaciado horizontal, la siguiente imagen o texto se ajusta a la distancia indicada en hspace (en píxeles). Igual sucede cuando se aplica el modificar vspace, la siguiente imagen o párrafo insertado debajo de la imagen, se ajustará a la distancia indicada por hspace. Por ejemplo, observe la página anterior y se dará cuenta que el texto a la derecha de la imagen, está pegada del lado derecho de la misma. Ahora  si observa la siguiente pantalla, verá que el texto tiene una separación de 20 píxeles respecto al lado derecho de la imagen. Se debe entender que la separación en orden horizontal aplicado a una imagen, afecta a ambos lados de la misma, es decir, si aplico 20 píxeles de separación, se aplicarán 20 a la izquierda, y 20 a la derecha de la imagen.

Aplicación de bordes a imágenes

La siguiente pantalla muestra la página de productos de la papelería. Es un mosaico de imágenes insertadas controladas mediante los modificadores Height, Width, hspace y vspace.

Aplicación de bordes a imágenes

El código para obtener la página mostrada arriba, se muestra a continuación.

<img Border=1 src="Agenda.gif" Alt="Agenda Escolar $50.00" Height=80 Width=60>

<img Border=1 src="Agenda2.jpg" Alt="Agenda Ejecutiva $100.00" Height=80 Width=60 hspace=20>

<img Border=1 src="AgendaElectronica.gif" Alt="Agenda Electrónica $800.00" Height=80 Width=60>

<img Border=1 src="OrganizaDiscos.jpg" Alt="Organizador de discos $120.00" Height=80 Width=60 hspace=20>

<img Border=1 src="OrganizaLapiz.jpg" Alt="Organizador de lápices $50.00" Height=80 Width=60>

 

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Cursos similares a Manual HTML


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Manual de GMail
Google, la mayoría de las personas conocen a esta empresa, pero no todas saben que,... [27/11/06]
21.606  
2. HTML. Introducción práctica
HTML, este lenguaje para la creación de páginas Web o sitios de Internet, es la... [23/07/09]
4.600  
3. Cómo exportar una animación de Flash a HTML
En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]
20
Curso con video

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


¿Quieres recibir más cursos de Internet? ¡Son gratis!