Artículos
HTML

Ir al principio y al final de una página web

Creado: 10/Nov/2006 Actualizado: 25/Ago/2021

Siempre tenemos que buscar que el usuario se sienta cómodo en nuestras páginas web. Para ello debemos de proporcionarle enlaces que le permitan navegar a la página principal, a las categorías principales,… y sobre todo, si la página que tenemos es muy grande, deberemos facilitarle que suba al principio de la página sin que tenga que arrastrar el dichoso cursor.

En este punto hay que comentar que esta situación no debería de darse mucho. No nos interesa que haya páginas kilométricas. Por varias cosas, por ejemplo, porque el usuario no va a entender tanta información de golpe, posiblemente una lectura en varias páginas ayudará al lector, por el tamaño de la página. Cuanto más texto tenga la página, más pesará, lo cual hará más costosa la descarga de la página al navegador.

Pero independientemente de lo grande que sea la página, siempre deberemos de facilitar ir al principio de esta.

Para poder realizar esto utilizaremos el elemento A. Y es que el «ancla» no solo nos sirve para enlazar páginas, sino para señalar un punto específico de esta.

Así, si queremos señalar un punto en concreto utilizaremos el atributo name

<a name="arriba"></a>

Si ponemos este código en el principio de la página podremos hacer enlaces que nos posicionen el navegador en él. Lo mismo nos servirá si lo ponemos en cualquier parte de la página web, con cualquier otro nombre.

Así, en la parte inferior de nuestra página, podríamos poner el siguiente ancla A:

<a name="abajo"></a>

Lo que vendrá a hacer referencia a la parte de abajo de la página.

Ahora solo nos quedará el crear los enlaces. Para crear un enlace se utiliza el mismo elemento A, pero en vez de con el atributo name, utilizaremos el atributo href.

<a href="pagina.htm">Texto del enlace</a>

En la línea de código que acabamos de escribir se hace un enlace a una página en concreto. Si queremos hacer referencia a una parte de la página, es decir, a una parte definida mediante el name del elemento A , deberemos de utilizar la almohadilla después del nombre de la página.

<a href="pagina.htm#arriba">Texto del enlace</a>

Si la parte de la página es en la misma página que en la que estamos insertando el enlace, podremos obviar el nombre de la página:

<a href="#arriba">Texto del enlace</a>

Nuestro ejemplo de ir al principio y al final nos quedará de la siguiente forma:

<html>
  <head>
    <tile>Ir Arriba e ir abajo</title>
  </head>
  <body>
    <a name="arriba"></a>
    <a href="#abajo">Ir a la parte de abajo</a>

    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

    <a href="#arriba">Ir a la parte de arriba</a>
    <a name="abajo"></a>
  </body>
</html>

Solamente tenemos que copiar este código en un fichero que llamaremos PrincipioYFin.htm.

Código Fuente

Descárgate el código fuente de Ir al principio y al final de una página web
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Artículos
Java

Mandar emails con JavaMail

Creado: Actualizado: 11/Abr/2020

Una buena funcionalidad a incluir dentro de cualquier página web es el envío de correos. El poder adjuntarla información que estamos leyendo en ese momento, vía correo a otra persona (o a sí mismo). Así que vamos a ver cómo podemos mandar emails con JavaMail.

El API de JavaMail nos permite el envío de correos. Abstrayéndonos de los protocolos de comunicación para el envío de emails (SMTP, POP3, MAIL,…).

Con muy pocas líneas de código nos permite el enviar un mensaje a una dirección de correo electrónico.

Los pasos a seguir serán:

  1. Propiedades del envío
  2. Obtener la sesión
  3. Configurar los campos del mensaje
  4. Configurar el texto del mensaje
  5. Enviar el mensaje

1. Propiedades de envío

Lo primero que tenemos que hacer es configurar las propiedades del envío. Es decir, cual es el servidor de correo que vamos a utilizar, si el servidor requiere autenticación, el tipo de transporte a utilizar,..

Todas las configuraciones las definimos mediante la clase Properties. Para incorporar una propiedad utilizamos el método .put(propiedad,valor)

Properties props = new Properties();

props.put("mail.smtp.host","mail.lineadecodigo.com");
props.put("mail.transport.protocol","smtp");
props.put("mail.smtp.auth", "true");
props.setProperty("mail.user", "myuser");
props.setProperty("mail.password", "mypwd");

Al menos las cuatro primeras propiedades son necesarias para realizar la conexión:

  • mail.smtp.host, representa el host que hace de servidor de correo
  • mail.transport.protocol, es el protocolo de comunicación que queremos utilizar para enviar el correo. En este caso es SMTP, pero podría ser mail.
  • mail.smtp.auth, indica si se requiere de autenticación de SMTP.
  • mail.user, es el usuario de la conexión.
  • mail.password, el el password de la conexión.

2. Obtener la sesión

Una vez que tengamos definidas las propiedades, pasaremos a establecer la sesión con el servidor de correo. La sesión se establece mediante la clase Session.

Session mailSession = Session.getInstance(props,null);

3. Configurar los campos del mensaje

Sobre la sesión de correo vamos a crear un mensaje. Los mensajes se manejan mediante la clase Message. Para instanciarlo utilizaremos la siguiente línea de código:

Message msg = new MimeMessage(mailSession);

El mensaje hay que rellenarlo con datos: el usuario destino, el texto del mensaje, el «subject» del mensaje,… Para esto contamos con diferentes métodos dentro de la clase MimeMessage como .setSubject(String), setFrom(Adress),..

msg.setSubject("Mensaje de Línea de Código");
msg.setFrom(new InternetAddress("[email protected]","Línea de Código"));
msg.addRecipients(Message.RecipientType.TO, new InternetAddress[] { new InternetAddress("[email protected]") });

Entremos un poco más en detalle en estos métodos…

En el caso del .setSubject(String) no tiene mucho misterio, ya que simplemente es una línea de texto que represente el subject del correo.

Para el método .setFrom(Address) vemos que el parámetro que recibe es una clase Address. Esta clase viene a abstraer la dirección de email para los correos electrónicos.

Es por ello que tendremos que utilizar el constructor InternetAddress para crear una dirección de email. El constructor recibe dos parámetros, la dirección de email y el nombre asociado a dicha dirección (nombre que suelen usar los programas de correo como referente).

Veamos esa línea de código:

new InternetAddress("[email protected]","Línea de Código")

A la hora de especificar los destinatarios tenemos que utilizar el método .addRecipients(Message.RecipientType,Adress[]) Los parámetros de este método son dos:

  • Message.RecipientType, el tipo de usuario que va a recibir el mensaje. Los valores serían TO, CC, BCC. O en español: para, en copia y en copia oculta.
  • Adress[], como direcciones de email. Ya vimos anteriormente que los emails se montan con la clase InternetAddress.

4. Configurar el texto del mensaje

Para insertar el texto del mensaje utilizaremos el método .setDataHandler(DataHandler). El handler, representado por un DataHandler, tendrá el texto que se va a enviar y el tipo de codificación que le queremos aplicar. En este caso será «text/plain», ya que vamos a enviar texto plano.

DataHandler dh = new DataHandler("Texto del mensaje","text/plain");
msg.setDataHandler(dh);

5. Enviar el mensaje

El mensaje se enviará mediante la clase Transport. Esta clase tiene un método estático que se llama .send(Message). Dicho método recibirá el mensaje que hemos montado anteriormente como parámetro y lo enviará.

Solo necesitaremos la siguiente línea de código:

javax.mail.Transport.send(msg);

En el proceso de envío multiples excepciones pueden ser elevadas. Es por ello que deberemos de ejecutar todo nuestro código entre un try-catch.

Espero que os haya sido sencillo este pequeño ejemplo que paso a paso nos describe cómo mandar emails con JavaMail.

Código Fuente

Descárgate el código fuente de Mandar emails con JavaMail
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java