Hypertekstimerkinnän kielen (HTML) diaesitys on sarja kuvia, joita katsotaan peräkkäin verkkoselaimen avulla. HTML -diaesityksen kuvat muuttuvat, kun käyttäjä napsauttaa painiketta nähdäkseen seuraavan tai edellisen dian tai ajastimen mukaan. Lisäksi joissakin diaesityksissä yhdistetään ajastin ja käyttäjän säätimet. HTML -diaesitykset voidaan koodata käyttämällä vain HTML -koodia tai HTML -yhdistelmää ja muita kieliä, kuten JavaScript ™ ja Flash®. HTML -diaesityksen luomiseen käytetyn koodityypin mukaan diaesitys voi sisältää lisäominaisuuksia, kuten zoomaustoiminnot ja mahdollisuuden katsella koko diaesitystä samalla verkkosivulla.
Yksinkertaisimman HTML -diaesityksen avulla katsoja voi napsauttaa linkkejä tai painikkeita, jotka johtavat seuraavaan tai edelliseen diaan, ja käyttää vain HTML -koodia. Tämäntyyppinen diaesitys ei käytä ajastinta tai tarjoa lisäominaisuuksia, kuten mahdollisuutta zoomata diaan. Tämän tyyppisen diaesityksen luomiseksi luodaan yksi HTML -sivu kutakin diaa kohden ja kullakin sivulla on linkkejä, joita käyttäjä napsauttaa edetäkseen esityksessä. Jokainen dia voi sisältää kuvia, kuvatekstejä ja lisätekstiä. Diaesityksen sivut on suunniteltava käyttämällä samanlaisia tyylejä tai samoja HTML -sivumalleja, jolloin katsoja voi nähdä sisällön diaesityksenä eikä erillisinä verkkosivuina.
Ajoitettu HTML-diaesitys voidaan luoda käyttämällä HTML http-equiv refresh -metatunnistetta. Voit lisätä muita käyttäjän ohjaimia, mukaan lukien painikkeet, joiden avulla käyttäjä voi siirtyä seuraavaan kuvaan tai palata edelliseen. Kuten yksinkertaisin HTML -diaesitys, yksi HTML -sivu per dia luodaan. Verkko-ohjelmoija lisää jokaisen dian HTML-sivulle http-equiv refresh -metatunnisteen ja määrittää, kuinka monta sekuntia on odotettava ennen seuraavan dian lataamista lisäämällä sisältöparametri sisällönkuvauskenttään. Yhtenäinen resurssipaikannin (URL), joka tunnistaa seuraavan dian sijainnin, sijaitsee myös sisällönkuvauskentässä URL -parametria käyttämällä.
Useimmat HTML -diaesitykset luodaan käyttämällä kielten yhdistelmää, mukaan lukien HTML, Flash®, JavaScript ™, jQuery ja CSS -tyylisivut. Nämä diaesitykset tarjoavat enemmän ominaisuuksia kuin vain HTML -koodatut. Ajoitettujen diojen ja käyttäjien säätimien lisäksi, joiden avulla katsojat voivat siirtyä diojen läpi, voidaan lisätä zoomausta, panorointia ja upotettuja diojen pikkukuvia. Dian pikkukuvat ovat erityisen hyödyllisiä diaesityksissä, jotka sisältävät suuren määrän dioja, koska jokainen napsautettava pikkukuva näyttää linkitetyn dian esikatselun ja sallii käyttäjän siirtyä haluamaansa diaan. Lisäksi lisäkielten avulla verkkosivujen suunnittelijat voivat upottaa koko diaesityksen yhdelle verkkosivulle.
Kielien yhdistelmää käyttävän monipuolisen HTML-diaesityksen lisääminen edellyttää, että verkkosivuston suunnittelija tietää vähintään kaksi ohjelmointikieltä. Onneksi näiden diaesitysten luomiseen tarvittava koodi tulostetaan Web -ohjelmointikirjoihin ja on vapaasti saatavilla verkossa. Lisäksi jotkin sisällönhallintajärjestelmät (CMS) tukevat laajennusten lisäämistä, ja jotkut diaesityksen laajennukset ovat saatavilla. Nämä laajennukset mahdollistavat HTML- tai monikielisen diaesityksen lisäämisen verkkosivulle oppimatta HTML: ää tai muita kieliä.