Tartalom
Az idővonal hasznos módszer az események listájának megjelenítésére egy weboldalon, és egy interaktív idővonal lehetővé teszi a felhasználók számára a tartalom nézet feletti irányítást. Bár sokféleképpen lehet interaktív idővonalat létrehozni, sokaknak többre van szükségük, mint a HTML-re. Van azonban egy nagyon egyszerű HTML megoldás: interaktív gördítősávokat hozhat létre az idővonalán a HTML "stílus" attribútum használatával. Ezzel a felhasználók szabadon mozoghatnak a tartalomban.
1. lépés
Hozzon létre HTML-fájlt. Nyisson meg egy új dokumentumot egy szövegszerkesztőben, és hozzon létre egy alap HTML oldalt. Adja hozzá ezt a kódot a HTML törzs szakaszához:
Az osztó ("div") egy tároló az idővonalad eseményeinek listájához. Az "auto" érték a "túlcsordulásban" interaktív görgetősávokat ad hozzá, ha az idővonal hosszabb vagy szélesebb, mint a tároló. Mentse az oldalt "timeline.html" néven.
2. lépés
Hozz létre tartalmat. A "div" címkék közötti térben adja hozzá az idővonal eseményeit növekvő vagy csökkenő sorrendben. Adja hozzá az egyes eseményeket a saját jól formázott HTML szakaszába. Munka közben folyamatosan mentse az oldalt.
3. lépés
Tesztelje HTML kódját. Nyissa meg a "timeline.html" fájlt a számítógép böngészőjében. Ha a tartalom nagyobb, mint a "div" tároló, akkor egy interaktív görgetősáv jelenik meg. Állítsa be a tartály "szélessége" és "magassága" értékét, hogy illeszkedjen annak függőleges vagy vízszintes vonásához.