¿Cómo puedo poner texto sobre una imagen con HTML?

Puede colocar contenido a través de una imagen en una página web mediante la creación de una "información sobre herramientas", que sólo se muestra cuando el usuario pasa el cursor sobre la imagen. Esta es una manera eficaz de mostrar información sobre el gráfico sin ocupar ningún espacio en la pantalla. El uso de HyperText Markup Language (HTML), puede colocar texto sobre una imagen en su propia página web para hacer su presentación más útil para sus visitantes.

Instrucciones

1 Colocar su imagen digital en la misma carpeta donde guarda sus otros documentos en la Web (en la página de administración del sistema para su sitio web). Asegúrese de tomar nota de esta ubicación para que pueda adjuntar a su página.

2 Abra el archivo de página Web en el editor de texto e introduzca una etiqueta "<img>" en la que desea que aparezca la imagen. Siga este tecleando la dirección del archivo desde el Paso 1. Esto es lo que debe ser similar:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot;>

3 Escriba un descriptor "Título" dentro de su elemento "<img>". Esta entrada es el texto que aparece en la imagen cuando el cursor pasa por encima de la imagen. Para ilustrar esto, así es como su entrada debe ser:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot; title =" Vista del Océano Pacífico durante una puesta de sol ">

4 Guarde el documento y utilizar el navegador web para abrir el archivo y vista previa de la página.