Cómo definir enlaces en el contenido de la página web HTML - dummies

del enlace, esos objetos clicables que hacen que la web sea lo que es, se definen con el elemento HTML. Completamos nuestra encuesta de las etiquetas HTML más esenciales con un examen de este enlace vital en el diseño de la página web.

El atributo más esencial de cualquier elemento es el atributo href, que define el destino del enlace. Pero los elementos también deben incluir algunos contenidos, por ejemplo, algunos textos, que se muestran en un navegador y permiten que el enlace funcione. Por ejemplo, el siguiente código HTML muestra Buscar Google y enlaces a www. google. com:

Buscar en Google

Tenga en cuenta que todo el enlace, incluido el texto en pantalla, está dentro de las etiquetas. Sin embargo, también hay un cierre> después del enlace real y antes del texto mostrado.

Los enlaces pueden tener objetivos definidos, como el parámetro "en blanco" utilizado para abrir un enlace en una nueva ventana del navegador. Para editar el ejemplo anterior y abrirlo en una nueva ventana del navegador, usaría este código:

Buscar en Google

Enlaces absolutos y relativos

Los enlaces pueden ser absolutos o relativos:

• Los enlaces absolutos, como el de los ejemplos anteriores, se definen con // al principio e incluyen la URL completa para el enlazar.

• Los enlaces relativos se usan dentro de un sitio web. Entonces, por ejemplo, si estuvieras enlazando a una página llamada about_us. html, podrías usar

  ¡Visita mi página Acerca de nosotros!
  

  Sin embargo, el código anterior solo funcionaría si about_us. La página html está en la misma carpeta que la página desde la que se vinculó.

También puede definir enlaces relativos más complejos, usando / para trazar una ruta a la carpeta con el enlace. Por ejemplo, para vincular a un archivo llamado presentación de diapositivas. html en una subcarpeta (relativa a la página original) con nombre de presentaciones, usaría este código:

¡Visite mi página de presentación de diapositivas!

Cómo se ven los enlaces

Cuando construye una hoja de estilos para su sitio, define cómo aparecen los enlaces en diferentes estados: no visitado, visitado, activo (en proceso de abrirse) o suspendido (sobrevolado por un mouse cursor). De forma predeterminada, hasta que cree una hoja de estilos, los enlaces aparecen así en todos los navegadores:

• Los enlaces no visitados están subrayados y son azules.

• Los enlaces visitados están subrayados y morados.

• Los enlaces activos están subrayados y rojos.

  No hay estado de vuelo estacionario predeterminado. Y hasta que cree uno en una hoja de estilos, los enlaces ubicados no cambian la apariencia.