Bagaimana untuk menetapkan URL fail media dalam HTML?-html tutorial-php.cn

Bagaimana untuk menetapkan URL fail media dalam HTML?

WBOY

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

ke hadapan

1352 orang telah melayarinya

Bagaimana untuk menetapkan URL fail media dalam HTML?

Dalam artikel ini, kita akan belajar cara menetapkan URL medan media dalam HTML.

Di sini, kita akan belajar cara membuat URL untuk fail media menggunakan HTML. Kami menggunakan teg untuk menentukan URL fail media. Fail multimedia (termasuk fail audio, video dan imej) dilampirkan menggunakan teg ini. Unsur terkandung dalam unsur

Tatabahasa

Berikut ialah sintaks unsur

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

Salin selepas log masuk

Mari selami contoh berikut untuk mengetahui lebih lanjut tentang cara menetapkan URL fail media dalam HTML.

Contoh 1

Dalam contoh berikut, kami menggunakan tag audio.

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

Salin selepas log masuk

Apabila skrip dijalankan, ia akan menghasilkan output yang menunjukkan fail audio yang dimuat naik ke halaman web menggunakan tag .

Contoh 2

Pertimbangkan contoh berikut di mana kami menggunakan teg dengan video.

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

Salin selepas log masuk

Apabila anda menjalankan skrip di atas, ia akan menghasilkan output yang mengandungi teks yang digunakan dalam skrip serta colspan pada halaman web.

Contoh 3

Mari kita lihat contoh lain di mana kita menggunakan teg dengan imej.

<!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="Bagaimana untuk menetapkan URL fail media dalam HTML?" ></p>
</body>
</html>

Salin selepas log masuk

Jika skrip dilaksanakan, tetingkap output akan muncul menunjukkan imej yang dimuat naik ke halaman web menggunakan tag .

Atas ialah kandungan terperinci Bagaimana untuk menetapkan URL fail media dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!