1. La imagen
Elige una de las siguientes opciones
- Tengo el código de la imagen, o el código del banner ⇒ Mostrar
Ve inmediatamente al paso 2

- Tengo una imagen en una página web (e.g. en la página del caché) ⇒ Mostrar
La ubicación de una imagen se puede copiar haciendo clic en la imagen con el botón derecho del ratón. Según el navegador, puedes elegir:
- Copiar la url de la imagen
- Copiar la ubicación de la imagen
- Propiedades y copiar el enlace después dirección (URL)
La dirección de la imagen que acabas de copiar se denominará "ubicación de la imagen".

- Tengo una imagen en mi ordenador ⇒ Mostrar

2. Coloque el código html
Ahora vamos a poner la imagen en el perfil, ve a: http://www.geocaching.com/profile/. Ahora haz click en "edita tu perfil", o ve directamente a través de este enlace: https://www.geocaching.com/account/settings/profile.

En la parte inferior de la página encontrarás un encabezado "Acerca de", este es el área para tu información de perfil.

Ahora, coloca en el lugar del texto donde quieres que aparezca la imagen, el código que ya lo tienes.

Ahora, coloca en el lugar en el texto donde quieres que aparezca la imagen, el siguiente código:

<img src="Localización de imagen" alt="Descripción" title="Descripción">

La ubicación de la imagen ya se explicó anteriormente. Esta es la ubicación (enlace) de la imagen. La descripción (2x) es solo una descripción de la imagen. La descripción aparecerá al pasar el ratón sobre la imagen con el puntero, por ejemplo: El caché. Una manera fácil de construir el código correcto para una imagen es a través del Generador de código de imagen

Ahora, coloca en el lugar en el texto donde quieres que aparezca la imagen, el siguiente código:

<img src="Localización de imagen" alt="Descripción" title="Descripción">

La ubicación de la imagen ya se explicó anteriormente. Esta es la ubicación (enlace) de la imagen. La descripción (2x) es solo una descripción de la imagen. La descripción aparecerá al pasar el ratón sobre la imagen con el puntero, por ejemplo: El caché. Una manera fácil de construir el código correcto para una imagen es a través del Generador de código de imagen

3. Guardar cambios
Para terminar, tenemos que guardar los cambios realizados. Haz clic en el botón Guardar cambios en la parte inferior de la página.

4. Terminado
¡Terminado! La imagen ahora está visible en tu perfil. A continuación encontrarás algunas extensiones que pueden ser útiles.

5. Hipervínculo
Podría ser útil configurar la imagen como un hipervínculo. Esto significa que si alguien hace clic en la imagen, se abrirá una página web (o imagen). Usa el siguiente código para esto:

<a href="Hipervínculo">Código de imagen</a>

Donde "hipervínculo" es el enlace a la página web que debe abrirse.
El código completo será

<a href="Hipervínculo"><img src="Localización de imagen" alt="Descripción" title="Descripción"></a>

6. Dimensiones
Sin cambiar el tamaño de las imágenes de antemano, es posible mostrar la imagen con otras dimensiones distintas al original. Esto se puede lograr agregando los atributos de ancho y alto, expresados ​​en píxeles. Una imagen con un ancho de 100 píxeles y una altura de 200 píxeles será:

<img src="Localización de imagen" alt="Descripción" title="Descripción" width="100" height="200">

Al completar tanto el ancho como el alto, la imagen puede variar de su relación ancho / alto. Afortunadamente, también es posible usar solo uno de los dos. Si, por ejemplo, solo se utiliza el ancho, la altura cambiará en consecuencia. El código será entonces:

<img src="Localización de imagen" alt="Descripción" title="Descripción" width="100">

7. centrar
Para centrar la imagen en la página, solo necesitamos una pequeña parte del código:

<p style="text-align:center;">Código de imagen</p>

El código completo será

<p style="text-align:center;"><img src="Localización de imagen" alt="Descripción" title="Descripción"></p>