HTML ile etkileşimli bir zaman çizelgesi nasıl oluşturulur?

HTML ile etkileşimli bir zaman çizelgesi oluşturmak çok az zaman gerektirir.

1. Adım

HTML dosyanızı oluşturun. Bir metin düzenleyici programında yeni bir belge açın ve temel bir HTML sayfası oluşturun. Bu kodu sayfanın "gövde" bölümüne ekleyin:

Bölüm öğesi ("div"), zaman çizelgenizdeki olayların listesi için bir kapsayıcıdır. "Otomatik" (otomasyon) "taşma" değeri, zaman çizelgeniz konteynerinden daha geniş veya daha uzun olduğunda etkileşimli bir kaydırma çubuğu ekler. Bu sayfayı "timeline.html" olarak kaydedin.

2. Adım

Zaman çizelgenizin içeriğini oluşturun. Açma ve kapatma "div" etiketleri arasındaki boşlukta, olayları azalan veya artan sırada ekleyin. Her etkinliği kendi iyi oluşturulmuş HTML bölümü ile ekleyin. Çalışırken sürekli olarak sayfayı koruyun.

3. adım

HTML kodunuzu test edin Bilgisayarınızın web tarayıcısını açın ve "timeline.html" dosyasını yükleyin. İçerik "div" konteynerinden daha büyükse, etkileşimli bir kaydırma çubuğu görürsünüz. Sayfanızın dikey veya yatay düzeniyle eşleşecek şekilde "genişlik" ve "yükseklik" değerlerini ayarlayın.