HTML Öznitelikleri
Öznitelikleri kullanarak öğelerinize ek ayrıntılar eklemeyi öğrenin
HTML Öznitelikleri, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML for Kids öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML for Kids kursu toplamda 4 dersten oluşur.
Çoklu Ortam: Video ve Ses Ekleme
Sonraki derse hoş geldiniz! Bugün web sayfalarınıza video ve ses eklemeyi öğreneceğiz. Çoklu ortam, sayfalarınızı daha etkileşimli ve eğlenceli hâle getirir!
Neden Çoklu Ortam Eklenir?
Videolar ve ses, web sayfalarınızı şu hâle getirebilir:
- Daha ilgi çekici
- Bilgilendirici ve eğlenceli
- Etkileşimli
Şimdi bunları HTML kullanarak nasıl ekleyeceğimizi öğrenelim!
Video Ekleme
Videolar <video> etiketi kullanılarak eklenir. Video dosyasını src özniteliğini kullanarak belirtebilirsiniz.
Örnek:
Bu örnekte:
src: Video dosyasını belirtir.controls: Oynatma, duraklatma ve ses denetimlerini ekler.width: Videonun genişliğini ayarlar.
<video src="example.mp4" controls width="400"></video>
Birden Fazla Video Biçimi Ekleme
Tüm tarayıcılar aynı video biçimlerini desteklemez. <source> etiketini kullanarak birden fazla kaynak ekleyebilirsiniz.
Örnek:
<video controls width="400">
<source src="example.mp4" type="video/mp4">
<source src="example.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Ses Ekleme
Ses, <audio> etiketi kullanılarak eklenir. Ses dosyasını src özniteliğini kullanarak belirtebilirsiniz.
Bu örnekte:
src: Ses dosyasını belirtir.controls: Oynatma, duraklatma ve ses denetimlerini ekler.
<audio src="example.mp3" controls></audio>
Birden Fazla Ses Biçimi Ekleme
Videolarda olduğu gibi, tarayıcı uyumluluğunu artırmak için birden fazla ses kaynağı ekleyebilirsiniz.
Örnek:
<audio controls>
<source src="example.mp3" type="audio/mpeg">
<source src="example.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>
Otomatik Oynatma ve Döngü
autoplay ve loop özniteliklerini ekleyerek videoların ve seslerin otomatik olarak oynatılmasını veya döngüye alınmasını sağlayabilirsiniz.
Örnek:
Not: Kullanıcı deneyimi nedeniyle bazı tarayıcılarda otomatik oynatma devre dışı bırakılmış olabilir.
<audio src="example.mp3" autoplay loop></audio>
YouTube Videoları Gömme
<iframe> etiketini kullanarak YouTube videolarını sayfanıza gömebilirsiniz.
Örnek:
example yerine videonun benzersiz ID'sini yazın.
<iframe width="560" height="315" src="https://www.youtube.com/embed/example" frameborder="0" allowfullscreen></iframe>
Harika İş!
Tebrikler! Web sayfalarınıza video, ses ve hatta YouTube içerikleri eklemeyi öğrendiniz. Çoklu ortam, içeriğinizi daha dinamik ve ilgi çekici hâle getirir. Sonraki derste web sayfalarınızın harika görünmesini sağlamak için CSS ile stil vermeye geçeceğiz. Tasarım dünyasını keşfetmeye hazır olun!
Sıkça Sorulan Sorular
“HTML Öznitelikleri” dersi ücretsiz mi?
Evet — “HTML Öznitelikleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML for Kids kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML for Kids kursu toplamda 4 dersten oluşur.
“HTML Öznitelikleri” dersinde ne öğreneceğim?
Öznitelikleri kullanarak öğelerinize ek ayrıntılar eklemeyi öğrenin HTML for Kids ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
HTML for Kids öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te HTML for Kids, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“HTML Öznitelikleri” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu HTML for Kids dersinde kod yazıp çalıştırabilir miyim?
Evet. Her HTML for Kids dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Tablolar: Verileri Düzenleme
- Formlar: Kullanıcı Girdisi Toplama
- HTML Öznitelikleri
- Çoklu Ortam: Video ve Ses Ekleme