Tecnología

Inicio

Cómo escribir texto en una imagen en HTML

Cómo escribir texto en una imagen en HTML


diseñadores de páginas web suelen utilizar software de edición para añadir texto a las imágenes. Sin embargo, propietarios de sitios web que deseen añadir texto a las imágenes pueden no tener los fondos para comprar un costoso software o el tiempo para aprender los métodos complicados de imágenes que alteran. El propietario de un sitio web puede evitar estos problemas mediante el uso de HTML para añadir texto a las imágenes. Los que aprenden el código HTML aplicable puede añadir texto a las imágenes sin necesidad de comprar software o pasar tiempo en la edición de imágenes complejas.

Instrucciones

1 Descargar y abrir el editor web gratuito NVU. Un editor HTML como NVU permite al usuario introducir texto sin formato o HTML. El editor de páginas a continuación, guarda como una página HTML para que se muestre como una página Web. Haga clic en "Abrir", y encontrar una página HTML existente si el usuario desea poner la imagen en una página existente. Haga clic en el botón "Nuevo" en la parte superior para crear una nueva página para la imagen.

2 Haga clic en "Fuente" en la parte inferior para ver el código fuente HTML de la página. Busque las etiquetas del cuerpo de apertura y cierre. El "<body>" etiqueta es la etiqueta del cuerpo de apertura. El "</ body>" etiqueta es la etiqueta del cuerpo del cierre.

3 Coloque el siguiente código HTML entre las etiquetas del cuerpo:

<Table border = "0" cellpadding = "0" cellspacing = "0">
<Tr>
<Td width = "221" height = "300" background = "vínculo de la imagen aquí" valign = "fondo">
<Font size = "+ 1" color = "yellow"> texto aquí </ font> </ td>
</ Tr>
</ Table>

Al colocar el código entre las etiquetas del cuerpo asegura que los visitantes de una página web a ver la imagen al visitar la página en Internet.

4 Cambiar la anchura y la altura en el código HTML de la misma anchura y altura que la imagen. Vuelva a colocar el "vínculo de la imagen aquí" texto con el enlace a la imagen. Por ejemplo, si la imagen tiene un nombre de archivo de "dogpicture.jpg," tipo que en lugar de "vínculo de la imagen aquí". Deje las comillas alrededor del nombre de archivo. Añadir texto a una imagen en la parte de "texto aquí" del HTML.

5 Haga clic en "Guardar" para guardar el archivo HTML. Utilice la pestaña "normal" en la parte inferior para ver cómo aparecerá la imagen en una página Web. Centrar el texto con la barra espaciadora. Pulse la tecla Intro para mover el cursor hacia abajo a la siguiente línea. Escribir líneas de texto adicionales si lo deseas.

6 FileZilla utilizar para cargar los archivos. Descargar la versión "FileZilla Cliente", y abrir el software. Entrar en el servidor web con el nombre de dominio, nombre de usuario y contraseña.

7 Haga doble clic en una carpeta del sitio Web en la ventana derecha de FileZilla para abrirlo. Encontrar tanto en el archivo HTML y la imagen en la ventana de la izquierda y, haga clic derecho y seleccionar "Subir" para subirlos. Asegúrese de que el archivo HTML y la imagen están en el mismo directorio (carpeta). De lo contrario, la imagen no aparecerá en la página Web.

Consejos y advertencias

  • Cambiar el tamaño de fuente y color para adaptarse al tamaño y el color de la imagen. Un usuario puede tener problemas para leer el texto si el color del texto es demasiado similar a los colores de la imagen en el fondo.
  • No utilice este método cuando la creación de avatares de otros sitios web. Estos sitios permiten al usuario cargar una imagen, pero la imagen no tendrán el texto del archivo HTML.

Artículos relacionados