Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:映画ショーケースウェブページのデザイン | HTMLフォームとユーザー入力
究極のHTML

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

メニューを表示するにはスワイプしてください

目標

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

課題

以下の要素を使って、お気に入りの映画を紹介。

  1. メイン見出しには<h1>要素を使用。テキストはMy Favorite Moviesとする。
  2. <ul>要素を使い、少なくとも3つの映画タイトルの順不同リストを作成。各映画タイトルはリスト項目(<li>)とする。
  3. <ul>要素の後に、各映画の簡単な説明を複数の<p>要素で記述。各映画の説明はそれぞれの段落に配置。
index.html

index.html

ヒント
expand arrow
  1. <h1>タグを使用してメイン見出しを作成する;
  2. <ul>タグを使用して箇条書きリストを作成する;
  3. <li>タグを使用してリスト内の項目を作成する;
  4. <p>タグを使用して段落を作成する。
解答例
expand arrow
<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>
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  9

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  9
some-alt