En son web geliştirme öğreticiler
 

HTML src Attribute


Tanımı ve Kullanımı

src niteliği konumunu belirtir (URL) dış kaynak.


Geçerli

src özniteliği aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Örnekler

Audio Örneği

Bir ses çalar:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
Kendin dene "

Embed Örnek

Gömülü flash animasyon:

<embed src="helloworld.swf">
Kendin dene "

Iframe Örnek

Bir <iframe> En basit kullanımında:

<iframe src="/default.html"></iframe>
Kendin dene "

Img Örnek

aşağıdaki gibi bir görüntü işaretlense:

<img src="smiley.gif" alt="Smiley face">
Kendin dene "

Input Örnek

Gönder düğmesini temsil eden bir görüntü ile bir HTML formu:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit">
</form>
Kendin dene "

Script Örneği

harici bir JavaScript dosyası Noktası:

<script src="myscripts.js"></script>
Kendin dene "

Source Örneği

İki kaynak dosyaları ile bir ses çalar. Tarayıcı hangi dosyanın seçmeliyim (if any) o desteği vardır:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Kendin dene "

Track örnek

İki altyazı parçalarla bir video:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Video Örneği

Video oynatma:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
Kendin dene "

Tarayıcı Desteği

src niteliği her element için şu tarayıcı desteği vardır:

Eleman
audio 4.0 9.0 3.5 4.0 10.5
embed Evet Evet Evet Evet Evet
iframe Evet Evet Evet Evet Evet
img Evet Evet Evet Evet Evet
input 1.0 2.0 1.0 1.0 1.0
script Evet Evet Evet Evet Evet
source 4.0 9.0 3.5 4.0 10.5
track 18.0 10.0 31.0 6 15.0
video 4.0 9.0 3.5 4.0 10.5