HTML に画像を埋め込むには、 を使用します。タグ。このタグは自己終了タグであり、画像のパスを指定するための src 属性と、アクセシビリティのための代替テキストを提供するための alt 属性が必要です。
例:
<img src="path/to/image.jpg" alt="Description of image" width="600" height="400">
src: 画像ファイルへのパス (相対 URL または絶対 URL)。
alt: 画像のテキスト説明 (アクセシビリティと SEO にとって重要)。
width および height: 寸法を指定するためのオプションの属性。
オーディオの埋め込み
オーディオを埋め込むには、
例:
<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>
コントロール: 再生コントロールを表示します。
: オーディオ ファイルとその MIME タイプを指定します。
ビデオの埋め込み
ビデオを埋め込むには、
<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>
幅 および 高さ: ビデオプレーヤーのサイズを指定します。
コントロール: 再生コントロールを表示します。
: ビデオ ファイルとその MIME タイプを指定します。
全員揃って
<!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>
完了
以上がデイTMLの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
