HTML・CSS独学応援 2-8 「課題に挑戦」

ここまでの学習の理解度を自分で確認するためのものです。

自分で考えたり調べることが、良い学習につながります。
挑戦してみてください。

ここで、思うようにコードを書けなくても心配いりません、
悩んだら解説を見て納得できたらOKです。

HTMLの基礎 課題のルール

  • HTMLの仕様書リファレンスを活用してOKです。
  • 「HTMLの型」などコピーせず、手打ちでコードを書いてください。
  • これまでの記事を見返してもOKです。
  • 15分悩んで進めなかったら、解説見てOKです。

課題で作るwebページのサンプル

まずは、何も見ないで挑戦してみましょう。

15分ぐらい挑戦してみて、
作業が進まないようでしたら、
ここから先の解説を見ながら挑戦してみてください。

画像は好きなものを使用してOKです。
「れお」の画像はこちらから保存して使用しても構いません。

課題の解説

ここからは、ヒントと解説になります。

必要でしたら、各記事へのリンクで戻って
確認しながら進めてみてください。

1、「HTMLの型」を作ろう

まずは「HTMLの型」を用意しましょう。
<title>の部分は、好きなタイトルをつけてOKです。

https://reonoheya.com/htmlcss-3

2、見出しを作ろう

<body>の中に、<h1>と<h2>を書きましょう。

「見出しのリンク」

3、見出しの中身を書く

「見出し」の中身を書いていきましょう。
使用する要素(タグ)は画像を参考にしてください。

  • Prinnku
  • imgリンク
  • リストリンク

解説動画