Como insertar enlaces en HTML

Cuando se quiere realizar una página web es muy importante tener en cuenta como insertar enlaces en HTML, debido a que es muy importante que toda página contenga enlaces que manden hacia otras páginas externas o hacia otras páginas que se encuentran dentro de la misma página web, por ejemplo, un menú de una página web está basado básicamente en enlaces que te redirigen de una página de ese mismo sitio web hacia otra página del sitio web.

Además, si se quiere incluir información dentro de una página web y se quiere incluir un enlace para ir hacia otra página web para obtener más información, es muy necesario colocar los enlaces correctamente, incluso dentro de las imágenes, en ocasiones se quiere colocar una imagen con un enlace para ir hacia otra página o hacia la misma página y se necesita saberlo colocarlos correctamente.

Insertar enlaces en HTML

La forma de insertar enlaces en HTML es utilizando la etiqueta <a>, dentro de la cual se debe incluir el atributo “href” que va a ser el que contenga el link o la página a la que se quiere redirigir, además dentro de la etiqueta se debe de colocar el texto que se quiere presentar al usuario para que lo vea.

Dentro del atributo “href” existen distintas maneras de colocar un enlace a una página, las cuales se van a presentar a continuación.

Enlaces a paginas externas

Cuando se quiere colocar un enlace hacia una página o un sitio externo simplemente basta con colocar la etiqueta <a> y dentro del atributo “href” se tiene que colocar la URL completa de la página que se quiere visitar.

A continuación, se ve un ejemplo de cómo se deben de insertar enlaces en HTML.

<h3>Simple link</h3>
<a href="www.google.com">Google main pagen</a>

En el navegador web simplemente se va a mostrar el texto que se incluyó dentro de la etiqueta y cuando se presione, se va a mandar a la página de la URL que se colocó.

Enlaces a una página del mismo sitio

También al usar la etiqueta se puede colocar enlaces para que se refieran a páginas dentro del mismo sitio web, para lo cual simplemente dentro del atributo href se debe de colocar el nombre de la página web que se le asignado anteriormente y con simplemente eso, al presionar se va a dirigir a esa misma página web sin necesidad de colocar una URL completa.

A continuación, se presenta un ejemplo de cómo se realizaría el insertar enlaces en HTML.

<h3>Open another pagen</h3>
    <a href="second-page.html">Other page</a>

Enlaces a un ID de la pagina

Cuando se hace uso de la etiqueta <a> también se pueden colocar enlaces para que se redirijan a una sección en específico dentro de la misma página web. Para definir a qué parte se tiene que ir, es mediante el ID que contenga la etiqueta, por ejemplo, si dentro de otra sección de la página web se encuentra un texto con el id=”texto”, cuando se coloque un enlace refiriéndose a ese ID y se presione se va a mandar automáticamente a la página adonde se encuentra ese párrafo.

A continuación, se presenta un ejemplo de cómo se debe de realizar en HTML, que simplemente es colocar el símbolo de # seguido del ID al que se quiere mandar.

<h3>Select a specific ID</h3>
<a href="#name-id">Name ID</a>
<p id="name-id">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi, nesciunt.</p>

Enlaces a un ID de otra página

También para insertar enlaces en HTML es posible juntar las dos opciones anteriores, la cual es redirigir a un ID pero en esta ocasión de otra página web, para lo cual es necesario colocar dentro del atributo href el nombre de la página web a la que se quiere redirigir seguido del ID al cual se quiere dirigir, para que cuando el usuario presione el enlace se vaya a esa sección en específico.

Continuación se ve un ejemplo de cómo se debería realizar lo de insertar enlaces en HTML.

<h3>Open specific ID of another page</h3>
    <a href="second-page.html#name-id">Name ID 2</a>

Cómo se puede ver, el uso de la etiqueta <a> es muy simple, debido a que simplemente se debe de colocar la información a la que se quiera redirigir dentro del atributo href y dentro de la misma etiqueta <a> se debe de colocar la información que se quiere mostrar al usuario, para que presione, debido a que no es muy común que se coloque la URL completa dentro de la etiqueta para que el usuario no vea esa URL completa y simplemente vea el texto que le interesa.

Ademas de saber insertar enlaces en HTML, si quieres conocer como se colocan otras etiquetas en HTML te invito a visitar mi pagina principal, donde encontraras una gran variedad de información.