Tecnología

Inicio

Cómo poner imágenes en miniatura en la parte inferior de una pantalla

La colocación de imágenes en miniatura en su sitio web o blog no requiere una extensa experiencia en HTML, pero sí requieren que usted tenga al menos un conocimiento básico de HTML. Hay dos cosas que debe hacer cuando la colocación de imágenes en miniatura en la parte inferior de la pantalla. En primer lugar, es necesario crear una tabla de una fila que albergará las miniaturas, a continuación, es necesario insertar las imágenes en miniatura en la tabla HTML.

Instrucciones

Crear una tabla HTML

1 Entre para su navegador web o blog.

2 Vaya a la página HTML en la que desea colocar las imágenes en miniatura. Haga doble clic en el archivo HTML para abrir la página.

3 Desplazarse hasta la parte inferior de la página. Haga clic justo antes de la etiqueta de cierre </ body>.

4 Escriba el siguiente código en el documento HTML:

<Table border = "0">

<Tr>

<Td> fila 1, celda 1 </ td>

<Td> fila 1, celda 2 </ td>

<Td> fila 1, la celda 3 </ td>

</ Tr>

No salga de esta página aún.

Añadir las imágenes a la tabla HTML

5 Arrastre el puntero del ratón sobre "la fila 1, celda 1" y seleccione "CTRL" y "X" para eliminar el texto.

6 Insertar el texto siguiente:

<A HREF="&lt;IMG"> http: //www.yoursite/smallimage.jpg "> & lt; img src =" http: //www.yoursite/largerimage.jpg "width =" 164 "height =" 110 "alt =" "border =" 0 pájaro en miniatura "> </a>

7 Reemplazar "http: //www.yoursite/smallimage.jpg" con la URL real ubicación en miniatura.

8 Reemplazar "http: //www.yoursite/largerimage.jpg" con la URL de la imagen más grande que desea abrir cuando se hace clic en la imagen en miniatura.

9 Repita los pasos 1 a 4 para reemplazar "fila 1, celda 2" y "fila 1, célula 3." A continuación, publique la página revisada.