Contenido

• Al paso
• Método 1 de 2: un enlace simple
• Método 2 de 2: Agregar correo electrónico y anclajes
• Consejos
• Artículos de primera necesidad

Los enlaces o hipervínculos, generalmente abreviados como "enlaces", son la columna vertebral de Internet y de los sitios web en particular. Los enlaces permiten a los usuarios hacer clic en un fragmento de texto o una imagen, lo que los redirigirá a otra página web. Esto los convierte en una parte inseparable de Internet. La creación de un enlace como parte de su sitio web requiere muy poco código HTML. Aquí, te enseñamos como.

Al paso

Método 1 de 2: un enlace simple

1. Crea el texto o coloca la imagen que quieras usar como enlace. Los enlaces se crean con algunas etiquetas html simples al editar el código de su sitio web. Pero primero es importante saber qué quiere poner dentro de las etiquetas. Puede ser texto, una imagen u otro elemento html, pero aquí solo usamos una línea de texto.
2. Coloque dos etiquetas alrededor del texto. Los hipervínculos se indican con dos etiquetas simples, una para abrir el código y otra para cerrarlo. Sin atributos, esto no es realmente útil todavía, pero vamos a hacer algo al respecto.
   • Su enlace podría verse así: Haga clic aquí para visitar mi nuevo sitio web.
3. Agregue el atributo "href" para indicar a dónde conduce el enlace. El atributo "href" le dice al navegador a dónde dirigir al usuario cuando se hace clic en el enlace. Este atributo va seguido de un signo igual y luego de la dirección entre comillas.
   • El ejemplo anterior ahora debería verse así: haga clic aquí para visitar mi nuevo sitio web.
   • Tenga en cuenta que si el destino del enlace es otro sitio web, debe proporcionar la URL completa (normalmente comienza con "http"). Si solo se proporciona el nombre de la página, se supone que se buscará en el directorio del sitio web.

Método 2 de 2: Agregar correo electrónico y anclajes

1. Crea un enlace a partir de una imagen. Esto es muy fácil de hacer agregando una etiqueta de imagen dentro de las etiquetas de enlace. Necesitará la dirección de la ubicación de la imagen (es decir, la ubicación en su servidor o en el de otra persona). A continuación, se muestra un ejemplo de cómo se vería un enlace de imagen:
   • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
2. Cree un enlace de correo electrónico utilizando el "mailto:’ protocolo. Para crear un enlace para redactar un correo electrónico a una dirección específica, use "mailto:" y colóquelo directamente frente a la dirección de correo electrónico de la persona.
   • Un enlace de correo electrónico podría verse así: haga clic aquí para hacer una pregunta o hacer un comentario.
3. Cree anclas dentro de una página web más grande para facilitar su consulta. Si está buscando una forma de vincular a una parte específica de una página web, use un ancla. Los anclajes son muy útiles para páginas más grandes con una tabla de contenido; a cada capítulo o sección se le puede asignar un ancla vinculada a la tabla de contenido. Los anclajes se crean con el atributo "nombre".
   • Para crear un ancla, inserte la etiqueta en el lugar correcto de la página, como: Capítulo 3 - Uso de anclajes en HTML
   • Para vincular al ancla recién creada, use el signo # de la siguiente manera: # Vaya al Capítulo 3

Consejos

• No necesita ningún software especial para crear un sitio web, y la mayoría de las computadoras tienen el software correcto instalado de forma predeterminada. Un ejemplo es el Bloc de notas / Bloc de notas en Windows. Simplemente ingrese los códigos y guárdelos como html. Para poder ver cómo se ve esto en la práctica, necesita un navegador, que a menudo no es necesario en programas más avanzados. Además, no hay opciones para verificar la sintaxis del código y si cumple con los estándares.
• Utilice estilos CSS para cambiar el color y otras propiedades de los enlaces.

Artículos de primera necesidad

• Un ordenador
• Un editor como el Bloc de notas o un software de diseño web