## 目標
HTML要素を使用して、お気に入りの映画を紹介する魅力的なウェブページの作成。使用する要素は、順不同リスト（`<ul>`）、`<h1>`見出し、複数の段落要素（`<p>`）。

## 課題
以下の要素を使って、お気に入りの映画を紹介。
1. メイン見出しには`<h1>`要素を使用。テキストは`My Favorite Movies`とする。
2. `<ul>`要素を使い、少なくとも3つの映画タイトルの順不同リストを作成。各映画タイトルはリスト項目（`<li>`）とする。
3. `<ul>`要素の後に、各映画の簡単な説明を複数の`<p>`要素で記述。各映画の説明はそれぞれの段落に配置。

PCEtLSBTZXQgdGhlIG1haW4gaGVhZGluZyBiZWxvdyAtLT4KX19fCgo8dWw+CiAgPCEtLSBDcmVhdGUgYXQgbGVhc3QgMyBpdGVtcyBhbmQgc3BlY2lmeSB0aGUgbW92aWUgdGl0bGUgLS0+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CjwvdWw+CgoKPCEtLSBDcmVhdGUgc2hvcnQgZGVzY3JpcHRpb25zIGZvciB0aGUgbW92aWVzIC0tPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIGZpcnN0IG1vdmllIC0tPgo8cD5fX188L3A+Cgo8IS0tIERlc2NyaXB0aW9uIGZvciB0aGUgc2Vjb25kIG1vdmllIC0tPgo8X19fPl9fXzwvX19fPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIHRoaXJkIG1vdmllIC0tPgpfX18=

1. `<h1>`タグを使用してメイン見出しを作成する；
2. `<ul>`タグを使用して箇条書きリストを作成する；
3. `<li>`タグを使用してリスト内の項目を作成する；
4. `<p>`タグを使用して段落を作成する。


ヒント

```html
<h1>My Favorite Movies</h1>
<ul>
  <li>The Shawshank Redemption</li>
  <li>Inception</li>
  <li>The Dark Knight</li>
</ul>

<p>
  "The Shawshank Redemption": A powerful tale of hope and friendship as two
  imprisoned men forge an unbreakable bond while seeking redemption.
</p>
<p>
  "Inception": A mind-bending thriller where skilled thieves enter people's
  dreams to steal valuable secrets, blurring the lines between reality and
  imagination.
</p>
<p>
  "The Dark Knight": A gripping superhero film that explores the conflict
  between Batman and the Joker, delving into themes of chaos, morality, and
  heroism in Gotham City.
</p>
```

解答例

HTMLの基本を学びましょう。HTMLはすべてのウェブサイトの基盤です。タグや属性を使ってコンテンツを構造化し、明確なドキュメントレイアウトを構築し、画像、リンク、テーブルを追加します。入力やインタラクションを取得するためのアクセシブルでユーザーフレンドリーなフォームを作成します。ベストプラクティスに従いながら、構造化され機能的なウェブページの作成を実践します。HTMLを習得してウェブ開発の第一歩を踏み出しましょう。

HTMLフォームの多様性を探求します。主要な概念と技術を活用して、直感的でユーザーフレンドリーなフォームの設計方法を学びます。フォームがウェブサイト上でユーザーの操作やデータ送信を可能にする仕組みを理解します。

チャレンジ：映画ショーケースウェブページのデザイン

目標

課題