Tecnología

Inicio

Cómo quitar bordes Desde HTML hipervínculo Imágenes

En HTML, las imágenes utilizadas como hipervínculos muestran una frontera de forma predeterminada. Tener una frontera puede entrar en conflicto con la apariencia de un sitio web y hacer que se vea poco profesional. En HTML 4, el método preferido para controlar la apariencia de las imágenes es con hojas de estilo en cascada (CSS). La información de estilo se añade a la etiqueta IMG para controlar la frontera. Un archivo HTML sencillo demuestra su uso.

Instrucciones

1 Haga clic en el icono de Windows "Inicio". Seleccione "Todos los programas" y luego "Accesorios" y "Bloc de notas".

2 Escriba el siguiente código HTML:

<a href="&lt;img"> http://example.com "> & lt; img style =" border: none; "> </a>

3 Haga clic en el menú "Archivo" y luego "Guardar como ..." Cambiar la opción "Guardar como tipo" cuadro desplegable "Todos los archivos". Introduzca un nombre de archivo, tales como "noborders.html," en el "Nombre de archivo:" campo. Asegúrese de utilizar la extensión ".html".

4 Abra el menú "Inicio" y haga clic en "Mis documentos". Haga doble clic en el archivo "noborders.html" para abrir el archivo en el explorador Web.

Consejos y advertencias

  • Usando el atributo "frontera" (como "<img src =" http://bit.ly/lA5ldY "border =" 0 ">") fue depreciado oficialmente por el World Wide Web Consortium (W3C) a favor de CSS. Sin embargo, aún funciona en todos los navegadores modernos.