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

Usuarios


Conéctate

Sígueme en las redes sociales
twitter facebook google+ YouTube
El éxito es un pésimo profesor. Seduce a la gente inteligente para que piense que no puede perder. Bill Gates