¿Cómo deshacerse de las fronteras de imágenes dentro de enlaces

Cuando se utiliza una imagen como un hipervínculo, navegador de Internet del lector añadirá automáticamente un borde azul alrededor de la imagen. Esto permite al lector saber que él puede hacer clic en la imagen. Sin embargo, esta frontera puede distraer de la imagen o el conflicto con el diseño de la página. Mediante la adición de una pequeña cantidad de código HTML a la imagen, se indica el navegador del lector no añadir esta frontera.

Instrucciones

1 Abra la página HTML en un editor de texto básico, como Bloc de notas.

2 Busque la imagen que desea modificar. Será encerrado en una etiqueta "<img src = ...>" con una "a <href =" tag antes de eso. A modo de ejemplo, el fragmento de código podría ser como sigue:

<a href="&lt;img"> http://www.somedomain.com "> & lt; img ancho =" 200 "height =" 200 "/> </a>

3 Agregue el código siguiente inmediatamente antes de la "<img scr = ..." marca de la etiqueta de cierre de, que puede ser ">" o "/>" dependiendo de la codificación:

border = "0"

En el ejemplo, el código se vería de la siguiente manera:

<a href="&lt;img"> http://www.somedomain.com "> & lt; img width =" 200 "height =" 200 "border =" 0 "/> </a>

4 Guarde los cambios y cargar la página actualizada al servidor para que sea la activa.