Enlaces mixtos

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

Deja un Comentario

Tu dirección de email no será publicada. Required fields are marked *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Free WordPress Themes - Download High-quality Templates