Enlaces mixtos


Este tipo de enlace es una mezcla entre los enlaces externos y los internos.

Continuando con el tema de enlaces toca el turno a los enlaces mixtos, como su nombre lo indica este tipo de enlace es una mezcla entre los enlaces externos y los internos lo que permite al usuario ir a una sección específica de una página diferente a la actual. Veamos un ejemplo de la implementación de estos enlaces.

Código de enlacesMixtos.html

<!doctype html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Enlaces mixtos</title>
  </head>
  <body>
  <h1>ENLACES MIXTOS</h1>
  
    <ul>
      <li><a href="enlacesInternos.html#seccion1">Sección 1</a></li>
      <li><a href="enlacesInternos.html#seccion2">Sección 2</a></li>
      <li><a href="enlacesInternos.html#seccion3">Sección 3</a></li>
      <li><a href="enlacesInternos.html#seccion4">Sección 4</a></li>
      <li><a href="enlacesInternos.html#seccion5">Sección 5</a></li>
    </ul>
  </body>
</html>

Como se observa en el código de la página enlacesMixtos.html al atributo href se le pasa el nombre de la página externaenlacesInternos.html seguido de # (almohadilla) y por último el nombre de la sección que se quiere mostrar. De este modo se ha generado un enlace mixto funcional.

DESCARGAR EL CÓDIGO

Etiquetas: , , ,

Deja un comentario

Compartir

Login


Tu tiempo es limitado, así que no lo malgastes viviendo la vida de otra persona. No dejes que el ruido de las opiniones de otros apague tu propia voz interior. Steve Jobs

Conéctate

Sígueme en las redes sociales
twitter facebook google+ YouTube