次のどれが HTML の機能ですか?

HTMLの機能について

HTMLは、ウェブページの構造とコンテンツを定義するためのマークアップ言語です。以下では、HTMLの主要な機能について詳しく解説します。

マルチメディアコンテンツの埋め込み

HTMLを使用すると、画像、動画、音声などのマルチメディアコンテンツをウェブページに簡単に埋め込むことができます。これは、以下のような適切なタグを使用することで実現されます。

タグ 説明 例
<img> 画像を埋め込みます。 <img src="image.jpg" alt="画像の説明">
<video> 動画を埋め込みます。 
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
<audio> 音声を埋め込みます。 
<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

動的グラフィックスとアニメーション

HTMLの重要な機能の一つに、<canvas>タグがあります。このタグを使用すると、JavaScriptと連携して動的なグラフィックスやアニメーションを作成することができます。

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);
</script>

上記のコードは、赤い四角形を描画する簡単な例です。このように、<canvas>タグを使用することで、ウェブページ上で様々な視覚効果を実現することができます。

関連QA

Q1: HTMLで画像を表示するにはどうすればよいですか？

A1: <img>タグを使用します。src属性に画像ファイルのパスを指定します。

Q2: HTMLで動画を再生するにはどうすればよいですか？

A2: <video>タグを使用します。src属性に動画ファイルのパスを指定します。

Q3: HTMLでアニメーションを作成するにはどうすればよいですか？

A3: <canvas>タグとJavaScriptを組み合わせて使用します。<canvas>タグで描画領域を定義し、JavaScriptで描画処理を行います。