← コース一覧へ

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

🌐 HTML & CSS 🏠 ホーム

📖 説明

📋 リストとリンクをつくろう!

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


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

⚠️ ポイント:
ul はリスト全体ぜんたいli は1つ1つの項目こうもく
a はリンク。hrefき先さき

🎯 やること

<ul><li>きなものを3つリストにしよう!
<ul> の中に <li>食べ物</li> を3つ書こう!
コーデ
index.html
style.css
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
✅ せいかい!見本とおなじになったよ!
🏠 ホームへ

🎯 れんしゅうもんだい

↩ レッスンに戻る

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

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

✅ 実行できたよ!
❌ もう一度チャレンジ!

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

✅ 実行できたよ!
❌ もう一度チャレンジ!

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

✅ 実行できたよ!
❌ もう一度チャレンジ!
コピーしました!