Najnowsze tutoriale tworzenie stron internetowych
 

HTML src Attribute


Definicja i Wykorzystanie

src atrybut określa lokalizację (URL) zasobu zewnętrznego.


Dotyczy

src atrybut może być stosowany na następujących elementach:

Elementy Atrybut
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Przykłady

Audio Przykład

Odtwarzacz audio:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
Spróbuj sam "

Embed Przykład

Wbudowany animacji flash:

<embed src="helloworld.swf">
Spróbuj sam "

Iframe Przykład

<iframe> w najprostszej użytku:

<iframe src="/default.html"></iframe>
Spróbuj sam "

Img Przykład

Obraz jest oznaczony w następujący sposób:

<img src="smiley.gif" alt="Smiley face">
Spróbuj sam "

Input Przykład

Formularz HTML z obrazem, który reprezentuje przycisk złożyć:

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

Script Przykład

Punkt do zewnętrznego pliku JavaScript:

<script src="myscripts.js"></script>
Spróbuj sam "

Source Przykład

Odtwarzacz audio z dwóch plików źródłowych. Przeglądarka powinna wybrać plik (jeśli istnieje) posiada wsparcie dla:

<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>
Spróbuj sam "

Track Przykład

Film wideo z dwóch ścieżek napisów:

<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 Przykład

Odtwarzanie wideo:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
Spróbuj sam "

Pomoc Browser

src atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:

Element
audio 4,0 9,0 3,5 4,0 10,5
embed tak tak tak tak tak
iframe tak tak tak tak tak
img tak tak tak tak tak
input 1,0 2,0 1,0 1,0 1,0
script tak tak tak tak tak
source 4,0 9,0 3,5 4,0 10,5
track 18,0 10,0 31,0 6,0 15,0
video 4,0 9,0 3,5 4,0 10,5