Cara membuat garis waktu interaktif dengan HTML

Membuat garis waktu interaktif dengan HTML membutuhkan waktu yang sangat singkat.

Langkah 1

Buat file HTML Anda. Buka dokumen baru dalam program editor teks dan buat halaman HTML dasar. Tambahkan kode ini di bagian "isi" halaman:

Elemen pembagian ("div") adalah wadah untuk daftar kejadian di timeline Anda. Nilai "overflow" dari "otomatis" (otomatisasi) menambahkan bilah gulir interaktif ketika garis waktu Anda menjadi lebih lebar atau lebih tinggi dari penampungnya. Simpan halaman ini sebagai "timeline.html".

Langkah 2

Buat konten garis waktu Anda. Di ruang antara tag "div" pembukaan dan penutupan, tambahkan peristiwa dalam urutan menurun atau naik. Tambahkan setiap acara dengan bagian HTML sendiri yang terbentuk dengan baik. Pertahankan halaman secara konstan saat Anda mengerjakannya.

Langkah 3

Uji kode HTML Anda Buka browser web komputer Anda dan muat file "timeline.html". Jika konten lebih besar dari "div" container, Anda akan melihat scroll bar interaktif. Sesuaikan nilai "lebar" dan "tinggi" untuk mencocokkan tata letak vertikal atau horizontal halaman Anda.