Agregar un enlace a una imagen en html

1. Crear un archivo HTML. Abra un editor de texto y luego cree un nuevo archivo. Guardar el archivo como índice.html.

• Puede usar cualquier editor de texto que desee, incluso los editores de texto simples de Windows (Bloc de notas) y Mac OS X (TextEdit).

• Quiere usar un editor de texto diseñado para trabajar con HTML, entonces haga clic aquí para descargar Atom, un editor de texto para Windows, Mac OS X y Linux.

• Si está usando TextEdit, primero haga clic en el menú Formato antes de crear el archivo HTML, luego haga clic en Hacer texto sin formato. Esta configuración hace que el archivo HTML se cargue correctamente en un navegador web.

• Los procesadores de texto como Microsoft Word no son realmente buenos para escribir HTML, ya que agregan caracteres invisibles y formatos que pueden dañar el archivo HTML y evitar que se muestre correctamente en un navegador web.

2. Copie y pegue el código HTML predeterminado. Seleccione y copie el código HTML a continuación y péguelo en su índice abierto.html.

3. Encuentra la URL de tu imagen. Encuentre una imagen en la web, haga clic con el botón derecho en ella y (dependiendo de su navegador) haga clic en Copiar URL de imagen, Copiar dirección de imagen o Copiar ubicación de imagen.

• Usar Firefox e Internet Explorer Copiar ubicación de la imagen. Chrome usa Copiar URL de imagen. Safari usa Copiar dirección de imagen.

4. Añade la URL de la imagen. En el índice de archivos.html haga clic y arrastre para seleccionar la URL de la imagen con el mouse, luego presione CTRL+V para pegar la URL.

5. Añadir la URL de destino. en índice.html borre su URL de destino y escribahttps://www.página de inicio.com.

• Puede utilizar cualquier URL como URL de destino.

6. Guarde el archivo HTML.

7. Abra el archivo HTML en un navegador web. Haga clic derecho en el índice.html y luego abra este archivo en el navegador web de su elección.

• Cuando se abre el navegador, pero no ve la imagen, verifique si escribió correctamente el nombre del archivo de imagen en el archivo de índice.html.

• Cuando se abre el navegador, pero ve el código HTML en lugar de la imagen de fondo, entonces su índice.html guardado como .archivo rtf (archivo de texto enriquecido). Intenta editar el archivo HTML en otro editor de texto.

Método 2 de 2: comprender el código HTML

1. Comprender la etiqueta de anclaje. El código HTML consta de etiquetas de inicio y etiquetas de finalización. El

El le dice a un navegador que cree un enlace. El href es una abreviatura de referencia HTML, de = le dice al navegador que haga cualquier cosa entre el " " para hacer un enlace. Cualquier URL se puede colocar entre las dos comillas.

El le dice al navegador que la etiqueta de anclaje está cerrada.

Cuando agrega texto entre y ¿Ese texto se convierte en un enlace en el que se puede hacer clic en una página web?. Por ejemplo: crea un enlace a Google.

2. Comprender la etiqueta de la imagen. El

El la etiqueta le dice a un navegador que muestre una imagen. El origen es una abreviatura de fuente, de = le dice al navegador que haga todo entre el " " y obtener la imagen de esa ubicación.

El /> le dice al navegador que cierre la etiqueta de la imagen.

Por ejemplo: {{muestra[|

3. Usa este código en todas partes. Ahora que conoce este código, puede Úselo para agregar imágenes en las que se puede hacer clic a cualquier página web con código HTML.