gifs en html

GIFs en HTML

¬ŅQuieres saber c√≥mo mostrar GIFs en HTML? En este art√≠culo te explico todo lo que debes saber sobre estos elementos para que los puedas emplear en tu sitio web y a√Īadirlos a trav√©s de HTML.

¬°Despegamos!

¬ŅQu√© es un GIF en HTML?

La palabra GIF es el acr√≥nimo de Graphics Interchange Format, lo que se traduce al espa√Īol como Formato de Intercambio de Gr√°ficos. Se trata de un formato muy utilizado en la web, de forma que se puede afirmar que los GIFs en HTML son elementos que permiten a√Īadir tanto animaciones como im√°genes a tu sitio web.

gifs animados html

¬ŅC√≥mo insertar un GIF en HTML?

gif html5

En la pr√°ctica, los GIFs en HTML no son m√°s que archivos con extensi√≥n .gif que se suben al servidor web y se enlazan desde el documento HTML. Para ello, se utiliza la etiqueta <img>, la cual sirve para a√Īadir im√°genes a la web.

Se trata de una etiqueta vacía (no tiene etiqueta de cierre) y su particularidad es que siempre debe llevar consigo el atributo src, en cuyo valor se indica la ruta al archivo GIF que deseas mostrar en HTML.

En el siguiente ejemplo, te muestro el código necesario para mostrar un archivo GIF llamado gifs-html.gif almacenado en la carpeta uploads del servidor donde se aloja este sitio web. A su vez, la carpeta uploads se encuentra dentro del directorio wp-content, el cual se ubica en la carpeta raíz del servidor.

<img src="https://htmlmasters.tech/wp-content/uploads/gifs-html.gif">

El resultado de aplicar dicho código es el siguiente:

gif html
gifs en html

Para subir la imagen a tu servidor web, puedes emplear programas como FileZilla. Si empleas un gestor de contenidos como WordPress, debes acceder a Medios -> A√Īadir Nuevo y arrastrar o subir el archivo en cuesti√≥n.

Después, una vez el archivo se encuentre en la biblioteca de medios, podrás acceder a él y copiar su URL:

a√Īadir gif html

¬ŅD√≥nde encontrar GIFs para a√Īadir en HTML?

Hay una serie de fuentes en las que encontrar GIFs libres de derechos de uso que podr√°s a√Īadir a tus sitios web. Te recomendamos las siguientes:

poner gif html

En cualquier caso, antes de emplear una imagen de terceros en tu sitio web, te recomiendo revisar sus condiciones de uso a la hora de descargarla, ya que las plataformas anteriores pueden modificar periódicamente sus políticas.

GIFs en HTML: conclusión

Si quieres a√Īadir GIFs en HTML, √ļnicamente debes emplear la etiqueta <img> indicando en su atributo src la ruta del archivo con extensi√≥n .gif. Podr√°s encontrar y utilizar dichos ficheros en webs como las que te he explicado y a√Īadirlos a tu servidor mediante una conexi√≥n FTP (FileZilla) o empleando un gestor de contenidos como WordPress.

Espero que este artículo te haya sido de ayuda. Para más artículos como este, te recomiendo visitar .

¡Hasta la próxima!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *