Cómo agregar un enlace a una imagen: 3 pasos (con imágenes)

Con una sola línea de código HTML, puede agregar una imagen mejorada a casi cualquier sitio web. Hay dos cosas que necesitarás para que esto funcione. Necesitará la URL para una imagen, y necesitará la URL de un sitio web.

Pasos

Método 1 de 2:

Escribiendo el código HTML

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

• Puede usar cualquier editor de texto que desee, incluso los editores de texto del sistema proporcionados por Windows, Bloc de notas y Mac OS X, TextEdit.

haga clic aquí

• Si está utilizando TextEdit, antes de comenzar a escribir el archivo HTML, haga clic en el menú Formato y luego haga clic en Hacer texto sin formato. Esta configuración se asegurará de que el archivo HTML se cargue correctamente en un navegador web.

• Los procesadores de textos, como Microsoft Word, no son excelentes para escribir HTML, ya que agregan caracteres invisibles y formato que pueden romper un archivo HTML para que no se muestre correctamente en un navegador web.

2. Copia y pega el código HTML estándar. Seleccione y copie el código HTML a continuación y luego péguelo en su índice abierto.archivo html.

3. Encuentra la URL de una imagen. Encuentre una imagen en Internet, haga clic con el botón derecho en la imagen y, a continuación, dependiendo de su navegador, haga clic en Copiar la URL de la imagen, copie la dirección de la imagen o copie la ubicación de la imagen.

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

4. Añadir la URL de la imagen. En el índice.Archivo HTML, haga clic y arrastre para seleccionar URL de imagen con su mouse y luego presione CTRL + V para pegar la URL de la imagen.

5. Añadir la URL de destino. En el índice.Archivo HTML, elimine la URL de destino y luego escriba https: // Google.com.

• Puede usar cualquier URL que desee para la URL de destino.

6. Guardar el archivo HTML.

7. Abra el archivo HTML en un navegador web. Haga clic derecho en el índice.archivo HTML, y luego ábralo en el navegador web de su elección.

• Cuando se abre el navegador, si no ve la imagen, asegúrese de que el nombre del archivo de imagen se deletree correctamente en el índice.Ventana de editor de texto HTML.

• Cuando se abre el navegador, si ve el código HTML en lugar de la imagen de fondo, su índice.El archivo HTML se guardó como un documento de texto enriquecido. Es posible que desee intentar editar el archivo HTML en un editor de texto diferente.

Método 2 de 2:

Entendiendo el código HTML

1. Entender la etiqueta de anclaje. El código HTML está formado por etiquetas abiertas y cerradas. La La etiqueta es la etiqueta abierta, y es la etiqueta cerrada. Se llama una etiqueta de anclaje y se usa para agregar enlaces a una página web.

El despide un navegador para hacer un enlace. La href es corto para referencia HTML, la = le dice al navegador que tome todo entre el " " y hazlo un enlace. Cualquier URL puede ir entre las dos comillas.
El contiene un navegador que la etiqueta de anclaje está cerrada.
Cuando agrega texto entre y hará que ese texto sea un enlace para que se haga clic en una página web. Por ejemplo, Google crearía un enlace a google.

2. Entiende la etiqueta de la imagen. La La etiqueta es una etiqueta de cierre automático. Puedes cerrarlo escribiendo escribiendo escribiendo .

La etiqueta le dice a un navegador que haga una imagen. La SRC es corto para la fuente, el = le dice al navegador que tome todo entre el " " y obtener la imagen de esa ubicación.

La /> le dice a un navegador que cierre la etiqueta de la imagen.

Por ejemplo, {

} obtendría la imagen en esa URL, y luego mostrarla en un navegador web.

3. Usa este código en cualquier lugar. Ahora que usted conoce este código, puede usar para agregar imágenes, a cualquier página web que pueda renderizar el código HTML.

Pasos

Consejos