HTMLスキル - 第9章 Lesson3

メインコンテンツ、サイドバー、フッターの作成方法

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

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

Webページのメインコンテンツやサイドバー、フッターをレイアウトする方法について、初心者向けに解説しています。



この動画で学べること

・コンテンツ、サイドバー、フッターのレイアウトを組む方法



コンテンツ、サイドバー、フッターのレイアウトを組む方法

コンテンツやサイドバーのレイアウトを組むためには、<div>タグを使います。
コンテンツとサイドバーのための<div>タグを<body>の中に2つ書いていきましょう。
<div>タグにはid名を入力して、ボックスに名前をつけることができます。
名前をつけることによって、同じ<div>ボックスでも名前ごとにCSSかけることができるようになります。




<div id="main">メインコンテンツ</div>
<div id="sidebar">サイドバー</div>




フッターを作成する時には、<footer>タグを使います。
フッターはユーザーの混乱を防ぐために、必ずページの一番下に持ってきます。
<body>タグの一番下に<footer>タグを書いてください。



<footer>フッター</footer>




ここまでできたら 、保存してブラウザで見てみましょう。
コンテンツ、サイドバー、フッターのレイアウトが組めました。