martes, 18 de febrero de 2020

Ejemplo 1.10. Ejemplo de vínculos 1

<HTML>
  <HEAD>
    <TITLE>Ejemplo de vínculos 1</TITLE>
  </HEAD>
  <BODY>
    <FONT SIZE="4" FACE= "Arial" COLOR= "Blue">
      <CENTER>AMI el niño de las estrellas</CENTER>
    </FONT>
    <HR ALIGN= "center" SIZE= "10" WIDTH= "80%" COLOR= "Purple" NOSHADE>
    <P ALIGN= "center">Autor: Enrique Barrios</P>
    <!-- Ancla a la parte primera-->
    <A NAME= "parte1"></A>
    <P ALIGN= "center">PARTE PRIMERA </P>
    <!--Ejemplo de vínculo a otra página que se abrirá en la misma ventana-->
    <P ALIGN= "left"><A HREF= "pag13.html"> Advertencia y Dedicatoria </A></P>
    <!--Ejemplos de vínculos a anclajes dentro de la misma página->
    <P ALIGN= "left"><A HREF= "#cap1 ">Capítulo 1 Primer encuentro</A></P>
    <P ALIGN= "left"><A HREF="#cap2">Capílulo 2 Pedrito volador</A></P>
    <P ALIGN= "left"><A HREF= "#cap3">Capílulo 3 No te preocupes</A></P>
    <!-- Ejemplos de vínculo a otra página que se abrirá en otra ventana-->
    <P ALIGN= "left"><A HREF="http://www.ebarrios.com/web/acerca_de_EB.htm" TARGET= "_blank">Acerca del autor</A></P>
    <!-Ejemplo de enlace a un correo electrónico-->
    <P ALIGN= "left"><A HREF= "mailto:beliajg@hotmail.com">Contáctame</A></P>
    <P ALIGN= "center">PARTE PRIMERA</P>
    <!--Ancla al capítulo 1-->
    <A NAME= "cap1"></A>
    <P ALIGN= "center">Capítulo 1 Primer encuentro</P>
    <P ALIGN= "justify">Comenzó una tarde del verano pasado en un balneario de la costa donde vamos con mi abuelita casi todos los años.</P>
    <P ALIGN= "justify">Esa vez conseguimos una casita de madera. Tenía muchos pinos y boldos en el patio, y por el frente, un antejardín lleno de flores. Se encontraba cerca del mar, en un sendero que lleva hacia la playa.</P>
    <P ALIGN= "justify">Quedaba poca gente, porque la temporada iba a terminar. A mi abuelita le gusta salir de vacaciones los primeros días de marzo, dice que es más tranquilo y más barato.</P>
    <P ALIGN= "right">Fragmento</P>
    <A HREF= "#parte 1"><IMG SRC = "img\flechaMoradaArriba.png" WIDTH= "30" HEIGHT = "40"></A>
    <!-- Ancla al capítulo 2-->
    <A NAME= "cap2"></A>
    <P ALIGN= "center">Capítulo 2 Pedrito volador</P>
    <P ALIGN= "justify"> -Ven a quedarte a mi casa- le ofrecí, porque ya era tarde.</P>
    <P ALIGN= "justify">-No incluyamos adultos en nuestra amistad- dijo, arrugando la nariz entre sonrisas.</P>
    <P ALIGN= "justify">-Pero tengo que irme... </ P>
    <P ALIGN= "justify">-Tu abuelita duerme profundamente, no te echará de menos si conversamos un rato.</P>
    <P ALIGN= "justify">Otra vez me causó sorpresa y admiración. ¿Cómo sabía acerca de mí mi abuelita?... Recordé que era un extraterrestre.</P>
    <P ALIGN= "right">Fragmento</P>
    <A HREF= "#parte1"><IMG SRC = "img\flechaMorada.Arriba.png" WIDTH="30" HEIGHT ="40"></A>
    <!-- Ancla al capítulo 3-->
    <A NAME= "cap3"></A>
    <P ALIGN= "center">Capítulo 3 No te preocupes</P>
    <P ALIGN= "justify"> -¿Qué signo es ese que llevas en el pecho?- Pregunté.</P>
    <P ALIGN= "justify"> -Es el emblema de mi trabajo- respondió, mientras señalaba hacia lo alto, -¿sabes?, aquí "cerquita", en un planeta de Sirio, hay unas playas color violeta... son espléndidas. Si vieras lo que es un atardecer con esos dos soles gigantes... </P>
    <P ALIGN= "justify">-¿Viajas a la velocidad de la luz?</P>
    <P ALIGN= "justify">Mi pregunta le pareció cómica.</P>
    <P ALIGN= "justify">-Si viajara "tan lento" me habría hecho viejo antes de poder llegar hasta aquí.</P>
    <P ALIGN= "right">Fragmento</P>
    <A HREF= "#parte1"><IMG SRC = "img\flechaMorada.Arriba.png" WIDTH= "30" HEIGHT ="40"></A>
  </BODY>
</HTML>

Desde el navegador:

No hay comentarios.:

Publicar un comentario