Sisu
Ajaskaala on kasulik viis veebisaidil sündmuste loendi kuvamiseks ja interaktiivne ajaskaala annab kasutajatele sisuvaate üle kontrolli. Kuigi interaktiivse ajaskaala loomiseks on palju võimalusi, vajavad paljud enamat kui HTML-i. Siiski on olemas väga lihtne HTML-lahendus: saate HTML-i "stiili" atribuudi abil oma ajaskaalale luua interaktiivseid kerimisribasid. Seda tehes saavad kasutajad sisus vabalt ringi liikuda.
Samm 1
Looge oma HTML-fail. Avage tekstiredaktoris uus dokument ja looge HTML-i põhileht. Lisage see kood HTML-i jaotisse "body":
Jagaja ("div") on konteiner teie ajaskaala sündmuste loendi jaoks. Väärtus "automaatne" jaotises "ülevool" lisab interaktiivsed kerimisribad, kui ajaskaala on konteinerist pikem või laiem. Salvestage leht nimega "timeline.html".
2. samm
Looge sisu. Siltide "div" vahelises ruumis lisage sündmused ajaskaalal kasvavas või kahanevas järjekorras. Lisage iga sündmus oma hästi vormistatud HTML-i jaotisse. Salvestage leht töötamise ajal pidevalt.
3. samm
Testige oma HTML-koodi. Avage arvuti veebibrauseris fail "timeline.html". Kui sisu on suurem kui konteiner "div", näete interaktiivset kerimisriba. Reguleerige konteineri "laiuse" ja "kõrguse" väärtusi, et see sobiks selle vertikaalse või horisontaalse käiguga.