HTMLスキル ー 第7章 チャレンジ

youtube動画を使った、映画情報サイトを作ろう!

このスキルのデータをダウンロード: Windows Mac

チャレンジ内容

youtube動画の埋め込みサービスを利用して、映画情報サイトを作ってみよう



使用するファイル

・チャレンジフォルダの中の「start」フォルダに入っている、「index.html」に記述していきましょう。



進め方

01.Youtube動画を埋め込んでいきましょう。

・埋め込みたいYounger動画のページを表示します。
・共有から埋め込みコードを開きます。
・コードをコピーします。
・作業用ファイルに戻り、<!-- ここにyoutube動画 -->部分にコピーしたコードを貼り付けます。
・動画の横幅が小さくなってしまうので、widthの値を600に変更します。




02.リンクをクリックした時に新しいタブで開くようにしよう

・<a>タグにtarget属性を追加し、値に_blankを入力します。の
・ブラウザで、クリックしたときに新しいタブで開くことができるか確認しましょう。




このようにすると、Youtube動画を使った映画の情報サイトが完成です。
皆さんもぜひチャレンジしてみてください。