Hari TML-tutorial js-php.cn

Hari TML

PHPz

Lepaskan： 2024-08-06 10:45:00

asal

1193 orang telah melayarinya

Day TML

Hari yang lambat berbanding semalam.
Dimulakan dengan penyegaran semula topik semalam kemudian beralih ke topik hari ini
Mempelajari Media HTML
Imej, Audio, Video...
(AKAN MELAKUKAN PROJEK KEMUDIAN KERANA SAYA MENGHADAPI ISU GITHUB)

*Nota saya: *

Membenamkan Imej

Untuk membenamkan imej dalam HTML, gunakan tag. Teg ini menutup sendiri dan memerlukan atribut src untuk menentukan laluan imej dan atribut alt untuk menyediakan teks alternatif untuk kebolehaksesan.

Contoh:

 <img src="path/to/image.jpg" alt="Description of image" width="600" height="400">

Salin selepas log masuk

src: Laluan ke fail imej (URL relatif atau mutlak).
alt: Perihalan teks imej (penting untuk kebolehaksesan dan SEO).
lebar dan tinggi: Atribut pilihan untuk menentukan dimensi.

Membenamkan Audio

Untuk membenamkan audio, gunakan

Contoh:

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

Salin selepas log masuk

kawalan: Memaparkan kawalan main balik.
: Menentukan fail audio dan jenis MIMEnya.

Membenamkan Video

Untuk membenamkan video, gunakan

<video width="600" height="400" controls>
  <source src="path/to/video.mp4" type="video/mp4">
  <source src="path/to/video.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Salin selepas log masuk

lebar dan tinggi: Menentukan dimensi pemain video.
kawalan: Memaparkan kawalan main balik.
: Menentukan fail video dan jenis MIMEnya.

Semua bersama

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Media Embedding Example</title>
</head>
<body>

  <h1>Embedding Images, Audio, and Video in HTML</h1>

  <h2>Image Example</h2>
  <img src="path/to/image.jpg" alt="Beautiful Landscape" width="600" height="400">

  <h2>Audio Example</h2>
  <audio controls>
    <source src="path/to/audio.mp3" type="audio/mpeg">
    <source src="path/to/audio.ogg" type="audio/ogg">
    Your browser does not support the audio element.
  </audio>

  <h2>Video Example</h2>
  <video width="600" height="400" controls>
    <source src="path/to/video.mp4" type="video/mp4">
    <source src="path/to/video.ogg" type="video/ogg">
    Your browser does not support the video tag.
  </video>

</body>
</html>

Salin selepas log masuk

Selesai

Atas ialah kandungan terperinci Hari TML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!