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">
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>
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>
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>
Selesai
Atas ialah kandungan terperinci Hari TML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
