← クエスト一覧

クエスト3:リストとリンク

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🌐 HTML & CSS / Quest 3 / 50

クエスト3:リストとリンク

基礎 +10 XP
🏠
今回の課題
<ul><li>きなものを3つリストにしよう!
📖 解説を見る
📋 リストとリンクをつくろう!

箇条書かじょうがき(リスト):
<ul>
  <li>りんご</li>
  <li>ばなな</li>
</ul>


リンク:
<a href="https://google.com">グーグル</a>

⚠️ ポイント:
ul はリスト全体ぜんたいli は1つ1つの項目こうもく
a はリンク。hrefき先さき
ヒントを見る
<ul> の中に <li>食べ物</li> を3つ書こう!
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: <a> でGoogleへのリンクをつくろう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 2: リストの項目こうもくを5つにしてみよう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 3: li文字色もじいろをCSSでえてみよう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
コピーしました!