Cómo vincular imágenes en HTML

A pesar de que Google construyó un imperio en torno a los vínculos de texto básicos, el formato HTML permite añadir enlaces a algo más que palabras y puntuacion. Webmasters alrededor de la World Wide Web arreglar el diseño de páginas mediante la adición de imágenes y fotos de sitios web - imágenes y fotografías que también pueden ser utilizados como enlaces a otras páginas. La vinculación de imágenes le permite convertir esas imágenes en una parte funcional de la página Web en lugar de sólo un escaparate. Todo lo que necesita para enlazar imágenes en HTML es un par de líneas de código.

Instrucciones

1 Abrir el código fuente HTML en un editor de texto, como el Bloc de notas el accesorio que se incluye con los sistemas Windows.

2 Desplazarse por el código hasta que llegue a la parte de la página donde desea insertar la imagen enlazable.

3 Agregue la siguiente línea de código HTML para crear el comando hipervínculo:

<a href="http://www.example.com">

Cambiar la dirección URL a la URL de la página web que le gustaría establecer el vínculo.

4 Agregue el código de imagen HTML inmediatamente después del texto de la conexión que ha creado. Introduce el código de imagen HTML de la siguiente manera:

<Img en lugar de "http://www.example.com/image.jpg".

5 Cierre el enlace escribiendo </a> inmediatamente después de que el código de la imagen. Esto evita que cualquier otro texto o imágenes de la vinculación de forma accidental a la misma página web que la imagen.

6 Guardar los cambios.

Consejos y advertencias

• Puede seguir utilizando las opciones de HTML avanzadas tales como la etiqueta "ALT" al vincular imágenes.