tutoriais mais recente desenvolvimento web
 

HTML src Attribute


Definição e Uso

A src atributo especifica a localização (URL) do recurso externo.


Aplica-se a

A src atributo pode ser usado nos seguintes elementos:

elementos Atributo
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Exemplos

Audio Exemplo

Um reprodutor de áudio:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
Tente você mesmo "

Embed Exemplo

Uma animação flash embutido:

<embed src="helloworld.swf">
Tente você mesmo "

Iframe Exemplo

Um <iframe> em seu uso mais simples:

<iframe src="/default.html"></iframe>
Tente você mesmo "

Img Exemplo

Uma imagem é marcada como se segue:

<img src="smiley.gif" alt="Smiley face">
Tente você mesmo "

Input Exemplo

Um formulário HTML com uma imagem que representa o botão de envio:

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

Script Exemplo

Aponte para um arquivo JavaScript externo:

<script src="myscripts.js"></script>
Tente você mesmo "

Source Exemplo

Um reprodutor de áudio com dois arquivos de origem. O navegador deve escolher qual arquivo (se houver) tem suporte para:

<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>
Tente você mesmo "

Track Exemplo

Um vídeo com duas faixas de legendas:

<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 Exemplo

Reproduzir um vídeo:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
Tente você mesmo "

Suporte a navegadores

A src atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
audio 4.0 9 3,5 4.0 10.5
embed sim sim sim sim sim
iframe sim sim sim sim sim
img sim sim sim sim sim
input 1.0 2.0 1.0 1.0 1.0
script sim sim sim sim sim
source 4.0 9 3,5 4.0 10.5
track 18,0 10.0 31,0 6 15,0
video 4.0 9 3,5 4.0 10.5