Hur man skapar en HTML-ljuslåda

Lightbox är ett webbdesignverktyg som skapar en liten ruta som visar innehåll som bilder eller text i den som dyker upp mitt på skärmen när man klickar på en länk. Det finns många variationer för att skapa en ljuslåda, och de flesta av dem kräver att något javascript används. Det finns dock ett sätt att skapa en ljusboxeffekt på din webbplats med endast HTML-kod.

Steg 1

Öppna en textredigerare som anteckningsblock eller textredigering. Ange CSS-koden i sidhuvudets del. Första typen ""

Steg 2

Skriv "Testing ... Texting" i kroppssektionen på din webbplats. Detta kommer att definiera innehållet du vill ska visas i din Lightbox. Alla HTML-filer kan infogas här.

Steg 3

Lägg till en "Stäng" -knapp i din lightbox genom att skriva "Stäng" i innehållet i din Lightbox.

Steg 4

Skapa en länk till Lightbox genom att skriva "Klicka här" Byt ut "Klicka här" med texten du vill ha till din länk.

Spara din fil. Du har nu skapat en ljuslåda med bara HTML.