Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:人気ウェブサイトへのリンクを作成する | HTMLフォームとユーザー入力
究極のHTML

チャレンジ:人気ウェブサイトへのリンクを作成する

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

目標

魅力的なウェブページを作成し、3つの人気ウェブサイトへのリンク(<ul>)を含む箇条書きリスト(<a>)を表示します。これらのリンクはクリック時に新しいタブで開くように設定し、ユーザーが各サイトを快適に閲覧できるようにします。

課題

以下の要素を使用して、魅力的なウェブ探索体験を作成します:

  1. <ul>要素を使って3つの項目からなる箇条書きリストを作成します。
  2. 各リスト項目には人気ウェブサイトへのリンク(<a>)とその名称を含めます。
  3. リストには次の項目を含めます:
    • "Apple" - Apple's websiteへのリンク: https://www.apple.com/;
    • "Amazon" - Amazon's websiteへのリンク: https://www.amazon.com/;
    • "Netflix" - Netflix's websiteへのリンク: https://www.netflix.com/.
index.html

index.html

ヒント
expand arrow
  1. <ul>タグを使用して順不同リストを作成;
  2. <li>タグを使用して各ウェブサイトリンクのリスト項目を作成;
  3. <a>タグを使用してリンクを作成し、href属性でウェブサイトのURLを指定;
  4. リンクを新しいタブで開くには、target="_blank"タグ内に<a>属性を追加。
解答例
expand arrow
<ul>
  <li>
    <a href="https://www.apple.com/" target="_blank">Apple</a>
  </li>
  <li>
    <a href="https://www.amazon.com/" target="_blank">Amazon</a>
  </li>
  <li>
    <a href="https://www.netflix.com/" target="_blank">Netflix</a>
  </li>
</ul>
すべて明確でしたか?

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

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

セクション 1.  12

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  12
some-alt