自分らしさを足そう
自分で決める番
ここまでは決まった順番どおりに書いてきました。最後にひとつ、中身から自分で決める番です。読んだ本、行った場所、これから作りたいもの。あなたのサイトなので何でもかまいません。
書き出す前に決める 3 つ
新しいセクションを足すときは、いきなり書かずに、何を伝えるか、どのタグで表すか、どこに置くかを先に決めます。並ぶ項目ならリスト、比べるものなら表、絵と文があるならカード。中身の形からタグを選ぶと、あとの装飾も楽になります。
<section class="section" id="books">
<h2 class="section-title">読んだ本</h2>
<ul class="hobby-list">
<li class="hobby-item">やさしい HTML 入門</li>
</ul>
</section>こつは、いまあるクラスをそのまま使うことです。section と section-title を付けるだけで、余白も枠も影もそろいます。ナビゲーションに 1 行足せば、メニューからも飛べます。
説明文にも自分を入れる
セクションの追加は自由課題なので、合格の判定はいまあるセクションだけを見ています。安心して増やしてください。共通の作業としてもうひとつ、ページの説明にいま自分がしていることを足します。プロフィールサイトは、何を作れる人なのかが伝わってはじめて役に立ちます。
課題
- ページの説明に、いま学んでいることを足して書き直す
- 好きなセクションを 1 つ考えて index.html に足す(自由課題)
- 足すときは、いまある
sectionとsection-titleのクラスをそのまま使う