Html Müzik Çalar Ekleme Gizleme

HTML Müzik Çalar Ekleme ve Gizleme: Kapsamlı Bir Kılavuz

İnternet sitelerine müzik çalar eklemek, ziyaretçilerinize etkileşimli ve sürükleyici bir deneyim sunmanın harika bir yoludur. Bu makale, HTML kullanarak bir müzik çalar ekleme ve gizleme işlemini adım adım ele alacaktır.

Müzik Çalar Ekleme

Bir HTML müzik çalar eklemek için aşağıdaki adımları izleyin:

  1. HTML Dosyası Oluşturun: Bir metin düzenleyici kullanarak yeni bir HTML dosyası oluşturun.
  2. HTML Yapısını Ekleyin: Dosyanın başına <html>, <head> ve <body> etiketlerini ekleyin.
  3. Müzik Çalar Kodunu Ekleyin: Aşağıdaki kodu <body> etiketinin içine ekleyin:

html
<audio controls>
<source src="muzik.mp3" type="audio/mpeg">
Tarayıcınız ses etiketini desteklemiyor.
</audio>

  • src: Müzik dosyasının yolunu belirtir.

  • type: Müzik dosyasının türünü belirtir (ör. MP3, WAV).

  • HTML Dosyasını Kaydedin: Dosyayı “.html” uzantısıyla kaydedin.

Müzik Çalar Gizleme

Müzik çaları gizlemek için aşağıdaki adımları izleyin:

  1. CSS Dosyası Oluşturun: Bir metin düzenleyici kullanarak yeni bir CSS dosyası oluşturun.
  2. CSS Kurallarını Ekleyin: Dosyanın içine aşağıdaki CSS kurallarını ekleyin:

css
audio {
display: none;
}

  1. CSS Dosyasını Bağlayın: HTML dosyanızın <head> etiketine aşağıdaki kodu ekleyin:

html
<link rel="stylesheet" href="stil.css">

  • stil.css: Oluşturduğunuz CSS dosyasının adıdır.

  • HTML Dosyasını Kaydedin: Dosyayı “.html” uzantısıyla kaydedin.

Müzik Çaları Gösterme

Müzik çaları göstermek için aşağıdaki adımları izleyin:

  1. CSS Dosyasını Düzenleyin: CSS dosyanızdaki aşağıdaki kuralı kaldırın:

css
audio {
display: none;
}

  1. CSS Dosyasını Kaydedin: Dosyayı kaydedin.

Faydalı Siteler ve Dosyalar

Sonuç

Bu kılavuz, HTML kullanarak bir müzik çalar ekleme ve gizleme işlemini başarıyla gerçekleştirmenize yardımcı olacaktır. Bu teknikleri kullanarak, ziyaretçilerinize etkileşimli ve sürükleyici bir web deneyimi sunabilirsiniz.

Yayımlandı

kategorisi