Katılım:11 Haz 2022
Mesajlar:177
Tepkime puanı:16
Puanları:161
Silkroad Online, Metin2
AhmetTR#0021
HTML Resim ve video ekleme, Web sitelerinin görsel unsurlarının etkileyiciliği ve cazibesi, bir web sitesinin ziyaretçi trafiğini artırmada önemli bir faktördür. Bu nedenle, resim ve video ekleme, HTML kodlama konusunda en çok sorulan konulardan biridir.
Resim eklemek için:
src: Resmin dosya yolunu veya URL'sini belirtir.
alt: Resim açıklaması, eğer resim yüklenemezse ya da görüntülenemezse görüntülenecek olan metin içindir.
Video eklemek için:
width ve height: Video oynatıcının boyutlarını piksel cinsinden belirtir.
controls: Video oynatıcısında kontrol düğmelerinin görüntülenmesini sağlar (duraklatma, oynatma, ileri/geri sar, vb.).
source: Video dosyasının dosya yolunu veya URL'sini belirtir ve video dosyasının farklı biçimlerde mevcut olmasını sağlar. Farklı tarayıcılar farklı video biçimlerini destekler, bu nedenle birden fazla kaynak belirtilmesi önerilir.
<p>Tarayıcınız videoyu desteklemiyor.</p>: Tarayıcı videoyu desteklemediğinde gösterilecek alternatif metni belirtir.
HTML Resim ve Video Ekleme Kodu
HTML'de resim ve video eklemek için şu kodları kullanabilirsiniz:Resim eklemek için:
CSS:
<img src="resim.jpg" alt="Resim Açıklaması">src: Resmin dosya yolunu veya URL'sini belirtir.
alt: Resim açıklaması, eğer resim yüklenemezse ya da görüntülenemezse görüntülenecek olan metin içindir.
Video eklemek için:
Bash:
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<p>Tarayıcınız videoyu desteklemiyor.</p>
</video>width ve height: Video oynatıcının boyutlarını piksel cinsinden belirtir.
controls: Video oynatıcısında kontrol düğmelerinin görüntülenmesini sağlar (duraklatma, oynatma, ileri/geri sar, vb.).
source: Video dosyasının dosya yolunu veya URL'sini belirtir ve video dosyasının farklı biçimlerde mevcut olmasını sağlar. Farklı tarayıcılar farklı video biçimlerini destekler, bu nedenle birden fazla kaynak belirtilmesi önerilir.
<p>Tarayıcınız videoyu desteklemiyor.</p>: Tarayıcı videoyu desteklemediğinde gösterilecek alternatif metni belirtir.
