HTMLスキル ー 第9章 チャレンジ

文書構造を意識した正しいグルーピングをしてみよう

このスキルのデータをダウンロード: Windows Mac

チャレンジ内容

文書構造を意識して、Webページをレイアウトしてみよう。



使用するファイル

・チャレンジフォルダの中のstartフォルダに入っている、index.html



進め方

01.<article>タグを記述して、記事のまとまりを作ろう

・記事全体を囲む<article>タグを<div>id名right_sideの中に記述します。
・<article>タグの中の見出しを、見出し1で設定します。




02.<section>タグを記述して、文章のまとまりを作成しよう

・<section>タグを記述して文章のまとまりを4つ作成します。
・<section>タグの中の見出しを設定しましょう。
・<section>タグの中の文章を<p>タグで囲みましょう。




すべてのタグが適切に記述できると、このようなWebサイトになります。
みなさんも、ぜひチャレンジしてみてください。