Multimedya ve gömme içerik, web sayfalarının görsel çekiciliğini ve etkileşimini artırmada çok önemli bir rol oynar. Burada, multimedyanın nasıl kullanılacağına ve içeriğin HTML'ye nasıl yerleştirileceğine ilişkin bazı ayrıntılar ve özel örnekler verilmiştir.
Görüntüler
Resimleri bir web sayfasında görüntülemek için etiketini kullanın <img>. Özniteliği kullanarak görüntü kaynağını belirtin src ve alt erişilebilirlik için özniteliği kullanarak alternatif metin sağlayın.
İşte bir örnek:
<img src="image.jpg" alt="A beautiful sunset">
Ses
Ses dosyalarını gömmek için etiketini kullanın <audio>. Özniteliği kullanarak ses kaynağını belirtin src ve özniteliği kullanarak oynatma için kontroller ekleyebilirsiniz controls.
İşte bir örnek:
<audio src="audio.mp3" controls></audio>
Video
Videoları gömmek için <video> etiketini kullanın. Özniteliği kullanarak video kaynağını ayarlayın src ve controls video oynatma kontrolleri için özniteliği ekleyin.
İşte bir örnek:
<video src="video.mp4" controls></video>
Haritalar
Google Haritalar gibi hizmetlerden haritaları gömmek için etiketini kullanın <iframe> ve haritanın hizmet tarafından sağlanan yerleştirme kodunu girin.
İşte bir örnek:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024..." width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Web uygulamaları
Web uygulamalarını veya harici web sitelerini gömmek için etiketi tekrar kullanın <iframe> ve web uygulamasının URL'sini sağlayın.
İşte bir örnek:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Bu örnekler, çeşitli multimedya ve harici içerik türlerinin HTML sayfalarınıza nasıl yerleştirileceğini göstermektedir. Uygun görüntü ve işlevsellik sağlamak için nitelikleri ve boyutları gereken şekilde ayarladığınızdan emin olun.