HTML文書構造作成
#07 文書の構造を作っていこう
http://dotinstall.com/lessons/website_html/9007
を参考に
文書構造を作成していく
この文書構造の作成とカラム作成を合わせて
テンプレなどが作成できる
今回、作成するのは２カラムのサイトになる
まず、HTML部分を作成する
作成するのは body 部分への追加
<div id="container"> <div id="header">header</header> <div id="menu">menu</div> <div id="main"> <div id="contents"> contents </div><!-- contents --> <div id="sidebar"> sidebar </div><!-- sidebar --> </div><!-- main --> <div id="footer">footer</div> </div><!-- #container -->
とする
<div id="contents">contents</div>
は左側部分
<div id="sidebar">sidebar</div>
でサイドバーで右側部分にする