Wie lege ich die URL einer Mediendatei in HTML fest?-HTML-Tutorial-php.cn

Wie lege ich die URL einer Mediendatei in HTML fest?

WBOY

Freigeben： 2023-09-10 09:05:08

nach vorne

1326 Leute haben es durchsucht

Wie lege ich die URL einer Mediendatei in HTML fest?

In diesem Artikel erfahren Sie, wie Sie die URL eines Medienfelds in HTML festlegen.

Hier erfahren Sie, wie Sie mithilfe von HTML eine URL für eine Mediendatei erstellen. Wir verwenden das -Tag, um die URL der Mediendatei anzugeben. Mithilfe dieses Tags werden Multimediadateien (einschließlich Audio-, Video- und Bilddateien) angehängt. Das -Element ist in den

Grammatik

Das Folgende ist die Syntax des -Elements

<source src="" type="">…….</source>

Nach dem Login kopieren

Lassen Sie uns in das folgende Beispiel eintauchen, um mehr darüber zu erfahren, wie Sie Mediendatei-URLs in HTML festlegen.

Beispiel 1

In den folgenden Beispielen verwenden wir das audio-Tag.

<!DOCTYPE html>
<html>
<body style="text-align: center;">
   <audio id="varma" controls>
      <source src="https://samplelib.com/lib/preview/mp3/sample-3s.mp3" type="audio/mpeg">
   </audio>
</body>
</html>

Nach dem Login kopieren

Wenn das Skript ausgeführt wird, generiert es eine Ausgabe mit den Audiodateien, die mit dem -Tag auf die Webseite hochgeladen wurden.

Beispiel 2

Betrachten Sie das folgende Beispiel, in dem wir das -Tag mit einem Video verwenden.

<!DOCTYPE html>
<html>
<body>
   <video width="400" height="350" controls>
      <source src="https://static.videezy.com/system/resources/previews/000/052/918/original/21.mp4"">
   </video>
</body>
</html>

Nach dem Login kopieren

Wenn Sie das obige Skript ausführen, wird eine Ausgabe generiert, die den im Skript verwendeten Text sowie den Spaltenbereich auf der Webseite enthält.

Beispiel 3

Sehen wir uns ein weiteres Beispiel an, bei dem wir das -Tag mit einem Bild verwenden.

<!DOCTYPE html>
<html>
<body>
   <h1>ELEPHANTS</h1>
   <p>Elephants are the largest existing land animals.</p>
   <p><br><img  src="https://www.tutorialspoint.com/assets/questions/media/500267-1671169181.png" alt="Wie lege ich die URL einer Mediendatei in HTML fest?" ></p>
</body>
</html>

Nach dem Login kopieren

Wenn das Skript ausgeführt wird, erscheint ein Ausgabefenster mit dem Bild, das mit dem -Tag auf die Webseite hochgeladen wurde.

Das obige ist der detaillierte Inhalt vonWie lege ich die URL einer Mediendatei in HTML fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!