動画を表示する★HTMLファイルを複製する今回より「製品紹介」ページ(product.html)を作成していきます。「会社概要」ページ(profile.html)や「お問合せ」ページ(contact.html)を作成したときと同様に、HTMLファイルの複製から始めましょう。「会社概要」ページ(profile.html)をコピーして、新しいHTMLファイルを作ろうと思います。複製してできたHTMLファイルの名前はproduct.htmlとしてください。このproduct.htmlを「製品紹介」ページとして作っていきます。ファイルの複製ではなく、テキストエディタでHTMLファイルをゼロから新規作成しても構いません。この場合には、文字コードをUTF-8にして、ファイル名をproduct.htmlにして新規保存します。product.htmlでは、画像ファイルとしてimg_product.png、product0001.png、product0002.pngを使用します。ダウンロードしたサンプルファイルからこれらの画像ファイルをコピーして、あらかじめimagesフォルダに追加しておきます。画像ファイル:img_product.png、product0001.png、product0002.pngproduct.htmlのHTMLソースを以下の内容にしてください。以下のHTMLソースは、このチュートリアルで今までに学んだテクニックのみを使用しており、特に新しいHTMLタグなどは登場しません。コピーしたファイルの内容を部分的に書き換えても良いですし、復習のつもりで、すべて手打ち入力しても良いでしょう。Reserved.</small></div></div></body></html>保存したらブラウザで表示してみましょう。以下のような画面になれば成功です。「紹介ビデオ」のところはまだ何も記述していないので、動画は掲載されていない状態です。次回、動画の掲載に挑戦してみましょう。