Cómo añadir enlaces en una página web

cómo añadir enlaces en una página web

Uno de los principales diferenciadores entre los sitios web y otras formas de medios de comunicación es la idea de “enlaces”, o hipervínculos, ya que son técnicamente conocidos en términos de diseño web.

Además de ayudar a hacer de la web lo que es hoy en día, los enlaces, así como las imágenes, son fácilmente los elementos más comunes en las páginas web. Por supuesto, estos elementos son fáciles de agregar (sólo dos etiquetas HTML básicas) y pueden aportar emoción e interactividad a lo que de otro modo sería páginas de texto sin formato.

En este artículo, aprenderá sobre la etiqueta (ancla), que es el uso del elemento HTML real para agregar enlaces a las páginas del sitio web.

Añadir enlaces
Un enlace se llama un ancla en HTML, por lo que la etiqueta para representarlo es la etiqueta A. Comúnmente, la gente simplemente se refiere a estas adiciones como “enlaces”, pero el ancla es lo que realmente se agrega a cualquier página.

Cuando agregas un enlace, debes apuntar a la dirección de la página web a la que quieres que vayan tus usuarios cuando hagan clic o toquen (si están en una pantalla táctil) ese enlace. Se especifica esto con el atributo.

El atributo href significa “referencia de hipertexto” y su propósito es dictar la URL a la que desea que vaya ese enlace específico. Sin esta información, un enlace es inútil – le diría al navegador que el usuario debe ser llevado a algún lugar, pero no tendría la información de destino disponible para donde ese “en algún lugar” debe ser. Esta etiqueta y este atributo van de la mano.

Por ejemplo, para crear un enlace de texto, escribe:

<a href=”URL de la página web para ir a”> Texto que será el vínculo </a>
Así que para vincular a la página de inicio de About.com Web / HTML, escribe:

<a href=”http://webdesign.about.com”> Acerca del diseño web y HTML </a>

Puede vincular casi cualquier cosa en su página HTML, incluidas las imágenes.

Simplemente rodea los elementos o elementos HTML que deseas que sean un vínculo con las etiquetas <a href=””> y </a>. También puede crear vínculos de marcador de posición dejando fuera el atributo href, pero sólo asegúrese de volver atrás y actualizar la información href más tarde o el enlace no hará nada cuando se accede.

HTML5 hace que sea válido para vincular elementos a nivel de bloque como párrafos y elementos DIV. Puede agregar una etiqueta de anclaje alrededor de un área mucho más grande, como una división o lista de definición, y ese área entera será “clicable”. Esto puede ser especialmente útil cuando se trata de crear zonas más grandes y sensibles al dedo en un sitio web.

ALGUNAS COSAS PARA RECORDAR CUANDO AÑADIR ENLACES
Se requiere la etiqueta final. Si olvida incluirlo, todo lo que siga a ese enlace también estará vinculado, hasta que otro enlace cierre la etiqueta.
La mayoría de las veces, es mejor vincular imágenes individuales y espacios cortos de texto, en lugar de grandes bloques de texto. Los enlaces pueden agregar colores y subrayar estilos a su página que pueden ser difíciles de leer. Por supuesto, puede utilizar CSS para cambiar estos estilos de enlaces y editar colores o eliminar subrayados, pero todavía es bueno tener en cuenta esta realidad.
Asegúrese de revisar tus enlaces para que no se redirijan mal. Un enlace roto puede hacer que los usuarios y los motores de búsqueda consideren que su sitio no es válido. Utiliza un comprobador de vínculos con regularidad para verificar los enlaces en sus páginas. Esto es especialmente cierto cuando se vincula a sitios de terceros (los que no se manejan) y que pueden cambiar sus páginas en el tiempo, lo que le deja con los enlaces muertos. Un comprobador de enlaces encontrará estos enlaces muertos para que pueda realizar las actualizaciones necesarias.
Evite texto como “haga clic aquí” en su enlace. Recuerde que las personas con pantallas táctiles no pueden “hacer clic”, de modo que el texto se siente como un producto de una era pasada y realmente no es relevante en la Web centrada en múltiples dispositivos de hoy.