## 課題
お気に入りの映画を、順不同リストと番号付きリストの両方を使って表示するHTMLドキュメントの作成。

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZhdm9yaXRlIE1vdmllczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFN0ZXAgMTogQ3JlYXRlIGFuIHVub3JkZXJlZCBsaXN0IC0tPgogICAgPGgyPkZhdm9yaXRlIEFjdGlvbiBNb3ZpZXM8L2gyPgogICAgPF9fX19fPgogICAgICA8X19fX18+W01vdmllIDFdPC9fX19fXz4KICAgICAgPGxpPltNb3ZpZSAyXTwvbGk+CiAgICAgIDxfX19fXz5bTW92aWUgM108L19fX19fPgogICAgPC9fX19fXz4KCiAgICA8IS0tIFN0ZXAgMjogQ3JlYXRlIGFuIG9yZGVyZWQgbGlzdCAtLT4KICAgIDxoMj5Ub3AgMyBDb21lZHkgTW92aWVzPC9oMj4KICAgIDxfX19fXz4KICAgICAgPF9fX19fPltNb3ZpZSAxXTwvX19fX18+CiAgICAgIDxsaT5bTW92aWUgMl08L2xpPgogICAgICA8bGk+W01vdmllIDNdPC9saT4KICAgIDwvX19fX18+CiAgPC9ib2R5Pgo8L2h0bWw+

## ヒント
- ステップ1: `<ul>`タグを使い、お気に入りのアクション映画の順不同リストを作成。各映画には`<li>`タグを追加。
- ステップ2: `<ol>`タグを使い、トップコメディ映画の番号付きリストを作成。各映画には`<li>`タグを追加。

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZhdm9yaXRlIE1vdmllczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFN0ZXAgMTogQ3JlYXRlIGFuIHVub3JkZXJlZCBsaXN0IC0tPgogICAgPGgyPkZhdm9yaXRlIEFjdGlvbiBNb3ZpZXM8L2gyPgogICAgPHVsPgogICAgICA8bGk+TWFkIE1heDogRnVyeSBSb2FkPC9saT4KICAgICAgPGxpPlRoZSBNYXRyaXg8L2xpPgogICAgICA8bGk+VGhlIERhcmsgS25pZ2h0PC9saT4KICAgIDwvdWw+CgogICAgPCEtLSBTdGVwIDI6IENyZWF0ZSBhbiBvcmRlcmVkIGxpc3QgLS0+CiAgICA8aDI+VG9wIDMgQ29tZWR5IE1vdmllczwvaDI+CiAgICA8b2w+CiAgICAgIDxsaT5Hcm91bmRob2cgRGF5PC9saT4KICAgICAgPGxpPlN1cGVyYmFkPC9saT4KICAgICAgPGxpPlRoZSBHcmFuZCBCdWRhcGVzdCBIb3RlbDwvbGk+CiAgICA8L29sPgogIDwvYm9keT4KPC9odG1sPg==

HTMLの基本を習得し、構造化され、アクセシブルなウェブコンテンツを作成します。タグ、要素、属性を使用してドキュメントを構造化する方法を学びます。テキスト、リスト、画像、音声、動画を自在に扱い、ウェブページを充実させます。整理されたデータのためのテーブルや、ユーザー入力・インタラクションのためのフォームを作成します。アクセシビリティを高めるセマンティックHTMLを理解し、基礎から完全で機能的なウェブサイト構造を構築します。

ウェブとHTMLの概要、タグ、要素、属性の重要性について紹介します。HTMLドキュメントの基本構造やウェブの簡単な歴史について学びます。

HTMLマークアップの基本を習得し、特別なテキストのフォーマットやリストに焦点を当て、HTMLドキュメント内でのコンテンツ構造化における重要性を理解します。HTMLドキュメント構造の詳細に踏み込み、テキストマークアップ技術を洗練させます。

ウェブ開発における視覚および聴覚コンテンツの力を引き出し、画像、動画、音声要素をHTMLドキュメントにシームレスに統合する方法を学びます。さまざまなメディア形式を取り入れる際の細かな違いについて探求します。

HTMLにおけるテーブルとフォームの包括的な解説を通じて、データの提示方法やユーザーインタラクションの複雑さを理解します。テーブル構造、フォーム作成、入力要素を網羅しています。フォーム入力要素の実装や、機能性を高める属性の活用に習熟します。

セマンティックHTML要素を深く学ぶことで、HTMLスキルを次のレベルへ引き上げ、構造化されアクセシブルなウェブコンテンツの作成が可能になります。新たに得た知識を活用し、初めてのウェブサイト構築に挑戦し、アイデアを形にしましょう。

チャレンジ：リストでコンテンツを構造化する

課題

ヒント