Antes de hacer un enlace en HTML, debeaveriguar qué es y cuáles son sus tipos. Cualquier enlace comienza con una etiqueta y se cierra con una etiqueta . Solo lo que está entre estas etiquetas se muestra al usuario. El navegador en sí no muestra el enlace. Se puede ver cuando pasa el mouse por la barra de estado.
Todos los enlaces se pueden dividir según diferentes criterios y tipos. Por ejemplo, puede compartir enlaces por propósito:
- dentro del documento;
- a otra página web;
- a varios archivos;
- a direcciones postales.
Además, los puntos 2 y 3 se pueden dividir en direcciones absolutas y relativas. Más sobre esto más tarde. Ahora considere el caso más simple.
¿Cómo hacer un enlace en HTML? Para hacer esto, puede abrir el bloc de notas o cualquier otro editor y volver a escribir el código anterior.
El resultado será el siguiente.
¿En qué consiste el enlace?
Recuerde que se requieren enlaces:
- etiqueta de apertura y cierre;
- enlace de texto;
- atributo href, que indica la dirección a la que se dirigirá al usuario.
Como puede ver, la primera imagen muestra el enlace pages / about.html. Este es un enlace relativo. En la imagen de arriba, el enlace comienza con http: //. En este caso, se usa un enlace absoluto.
Si no especifica una etiqueta de cierre, entonces eso es todoLo siguiente también será una continuación de este enlace. Ten cuidado Al escribir código, coloque inmediatamente las etiquetas de apertura y cierre. Es más seguro
¿Cómo hacer que una imagen sea un enlace en HTML?
En lugar de texto en etiquetas <a> ... </a>, puede especificar imágenes. Es decir, si el usuario hace clic en la imagen, seguirá su enlace.
Este método se usa con mucha frecuencia.Especialmente en los menús de sitios hermosos. Los diseñadores de maquetación siempre piensan en cómo vincular una página en HTML antes de crear un diseño de esqueleto de sitio web. Más precisamente, en qué forma hacerlo todo. Se utilizan todos los métodos que posee el webmaster. Consideremos el diseño un poco más.
¿Cómo vincular un archivo en HTML?
Los enlaces a archivos se pueden especificar en el atributo href. Esto suele suceder cuando se indica un enlace para descargar un archivo (archivo, película, música, libro, archivo de texto, etc.).
En otras palabras, puede especificar cualquier cosa en la dirección. Si no es una página web, el navegador intentará descargarla.
Enlaces dentro de la página
Seguro que lo has visitado al menos una vez"Wikipedia". Ahí está el contenido del artículo. Y cuando hace clic en cualquier elemento, se le lleva al subtítulo correspondiente. Estos enlaces se denominan enlaces dentro de un documento o marcadores.
¿Cómo vincular dentro de una página en HTML?
Todo es muy sencillo.Indicamos enlaces en el texto con el atributo <a>, pero no especificamos href. Debe escribir el atributo de nombre y establecer un nombre único dentro del documento. Y en el lugar donde indicas los enlaces a estas notas dentro del documento, en el atributo href primero escribimos un hash y luego ese nombre único.
En cuanto el navegador ve el símbolo # en la dirección, entiende que es necesario hacer referencia a algún elemento dentro del mismo documento.
Enlaces de correo electrónico
A veces, debe proporcionar un enlace a su correo electrónico. Se puede hacer así.
Después de hacer clic en este enlace, el usuariose abrirá la aplicación de administración de correo. Suele ser Outlook estándar. Pero este programa no suele ser configurado por nadie. Por lo tanto, normalmente la dirección de correo electrónico se indica simplemente en texto.
Atributos
Si descubrió cómo crear un enlace en HTML, se recomienda estudiar los atributos restantes de la etiqueta <a>. Esta es una información muy importante. Consideremos los más básicos:
- El atributo de título: crea una información sobre herramientas al pasar el cursor sobre un enlace. Es muy conveniente. Esto le permite proporcionar información adicional al usuario.
- El atributo de destino es donde se cargará el nuevo documento (página web). Puede tener los siguientes valores:
- _blank: se abrirá una nueva ventana del navegador;
- _self - se abre en la ventana actual, este es el valor predeterminado, no es necesario especificarlo;
- _parent - cargando en el marco principal, si no hay ninguno, entonces el atributo toma el valor_self;
- _top: cancela todos los marcos y carga la página al tamaño completo del navegador. Si no hay marcos, se produce una analogía con _self.
- Descargar atributo.Gracias a él, puede forzar la descarga del archivo que se especifica en el atributo href. Este parámetro no tiene ningún valor. Solo especificamos <a download href="img/photo.jpg"> Enlace al archivo </a>. Si no especifica descargar, luego el navegador simplemente abrirá la foto. En este caso, comenzará a descargarse en su computadora.
Diseño de enlaces
Si descubrió cómo convertir una imagen en un enlaceHTML, es aconsejable también asegurarse de que se vea normal. De forma predeterminada, aparece un borde alrededor de la imagen, que es un enlace. Ella se ve grosera y fea. Dado que su grosor es de 3 píxeles.
Para evitar esto, debe especificar border = "0". Es decir, el borde será igual a cero. Este enlace de la imagen se verá agradable y aceptable. De lo contrario, asustará a todos los visitantes del sitio.
Conclusión
Los enlaces son, a primera vista, una etiqueta muy simple. Pero si profundizas y consideras todo tipo de enlaces y atributos, resulta que no todo es tan fácil y despejado.
Recuerde, los enlaces son la columna vertebral de la World Wide Web. Sin ellos, no existiría.
