Una presentación de diapositivas en lenguaje de marcado de hipertexto (HTML) es una serie de imágenes visualizadas sucesivamente mediante un navegador web. Las imágenes en una presentación de diapositivas HTML cambian cuando un usuario hace clic en un botón para ver la diapositiva siguiente o anterior, o según un temporizador. Además, algunas presentaciones de diapositivas combinan un temporizador con controles de usuario. Las presentaciones de diapositivas HTML se pueden codificar utilizando solo HTML o una combinación de HTML y otros lenguajes, como JavaScript ™ y Flash®. Dependiendo de los tipos de código utilizados para crear la presentación de diapositivas HTML, la presentación de diapositivas puede incluir características adicionales, como capacidades de zoom y la capacidad de ver una presentación de diapositivas completa en la misma página web.
La presentación de diapositivas HTML más básica permite al espectador hacer clic en enlaces o botones que llevan a la diapositiva siguiente o anterior y utiliza solo código HTML. Este tipo de presentación de diapositivas no utiliza un temporizador ni proporciona funciones adicionales, como la capacidad de acercar una diapositiva. Para crear este tipo de presentación de diapositivas, se crea una página HTML por diapositiva y cada página proporciona enlaces en los que el usuario hace clic para avanzar en la presentación. Cada diapositiva puede contener imágenes, leyendas de imágenes y texto adicional. Las páginas de la presentación de diapositivas deben diseñarse con estilos similares o las mismas plantillas de página HTML, lo que permite al espectador percibir el contenido como una presentación de diapositivas, en lugar de páginas web separadas.
Se puede crear una presentación de diapositivas HTML cronometrada utilizando la metaetiqueta de actualización HTML http-equiv. Se pueden agregar controles de usuario adicionales, incluidos botones que permiten al usuario pasar a la siguiente imagen o volver a la anterior. Como la presentación de diapositivas HTML más básica, se crea una página HTML por diapositiva. El programador web agrega la metaetiqueta de actualización http-equiv a la página HTML de cada diapositiva y define el número de segundos de espera antes de cargar la siguiente diapositiva agregando el parámetro de contenido a la metaetiqueta. El localizador uniforme de recursos (URL) que identifica la ubicación de la siguiente diapositiva también se encuentra en la metaetiqueta mediante el parámetro URL.
La mayoría de las presentaciones de diapositivas HTML se crean utilizando una combinación de lenguajes, incluidos HTML, Flash®, JavaScript ™, jQuery y hojas de estilo en cascada (CSS). Estas presentaciones de diapositivas ofrecen más funciones que las codificadas solo con HTML. Además de las diapositivas cronometradas y los controles de usuario que permiten a los espectadores pasar por las diapositivas, se pueden agregar miniaturas de diapositivas incrustadas, zoom y panorámicas. Las miniaturas de diapositivas son especialmente útiles para presentaciones de diapositivas que contienen una gran cantidad de diapositivas, ya que cada miniatura en la que se puede hacer clic muestra una vista previa de la diapositiva vinculada y permite al usuario saltar a cualquier diapositiva que desee ver. Además, el uso de idiomas adicionales permite a los diseñadores de sitios web incrustar una presentación de diapositivas completa en una sola página web.
Agregar una presentación de diapositivas HTML rica en funciones que utiliza una combinación de lenguajes requiere que el diseñador del sitio web conozca al menos dos lenguajes de programación. Afortunadamente, el código necesario para crear estas presentaciones de diapositivas está impreso en libros de programación web y está disponible gratuitamente en línea. Además, algunos sistemas de administración de contenido (CMS) admiten la adición de complementos y están disponibles algunos complementos de presentación de diapositivas. Estos complementos permiten agregar una presentación de diapositivas en HTML o en varios idiomas a una página web sin tener que aprender HTML o cualquier otro idioma.