¿Cómo definir enlaces en el contenido de la página web html

Video: Curso HTML 06 - Los enlaces

Enlaces, esos objetos se puede hacer clic que hacen que la web lo que es, se definen con el código HTML elemento. Completamos nuestra encuesta de las etiquetas HTML más esenciales con un examen de este enlace vital en el diseño de páginas web.

El atributo más esencial de cualquier elemento es el href atributo que define el destino del vínculo. Pero elementos también deben incluir algún contenido - por ejemplo, un texto - que muestra en un navegador y permite el enlace a trabajar. Por ejemplo, el siguiente código de pantallas HTML Busca en Google y enlaces a google.com:

Busca en Google

Tenga en cuenta que el enlace completo, incluyendo el texto de la pantalla, está encerrado dentro de y las etiquetas. Sin embargo, también hay un cierre gt; después de que el enlace real y antes de que el texto que se muestra.

Los enlaces se han definido objetivos, al igual que el parámetro “en blanco” que se utiliza para abrir un enlace en una nueva ventana del navegador. Para editar el ejemplo anterior se abra en una nueva ventana del navegador, deberá utilizar este código:

Busca en Google

enlaces absolutos y relativos

Los enlaces pueden ser absoluta o relativa:

Los vínculos absolutos, como la de los ejemplos anteriores, se definen con http: // al principio y al incluir todo el URL para el enlace.

  • Los enlaces relativos se utilizan dentro de una página web. Así, por ejemplo, si se vincula a una página llamada about_us.html, se puede usar

    Visita mi Sobre nosotros ¡página!

    Sin embargo, el código anterior funcionaría sólo si la página about_us.html está en la misma carpeta que la página de la que estaba vinculado.

    Video: Tutorial básico de HTML desde cero - Video 12: Links entre páginas

  • También se pueden definir más enlaces relativos complejas, utilizando / trazar un camino a la carpeta con el enlace. Por ejemplo, para enlazar a un archivo llamado slideshow.html en una subcarpeta (en relación a la página original) presentaciones nombre, se utiliza este código:

    Visita mi Diapositivas ¡página!

    ¿Cómo se ven los enlaces

    Cuando se construye una hoja de estilo para su sitio, se define cómo aparecen enlaces en diferentes estados: no visitado, visitó, activa (en el proceso de apertura), o se han mantenido (mantenido por un cursor del ratón). Por defecto, hasta que se cree una hoja de estilo, enlaces aparecen así en todos los navegadores:

    Video: Cómo Crear Enlaces en HTML, Tutorial Básico de HTML

    • los enlaces no visitados están subrayados y azul.

    • los enlaces visitados están subrayados y púrpura.

      Video: Enlaces internos - Curso HTML 13

    • enlaces activos están subrayados y de color rojo.

      No hay un estado estacionario predeterminado. Y hasta que se cree una en una hoja de estilo, mantenido enlaces no cambian la apariencia.

    Artículos Relacionados