sandan.html を作成し、3段組 のレイアウトをしなさい。内容は、2段組に1段加えるだけでもよいし、独自の内容を作ってもよい。必ずfloatを使うこと。
もちろん読み取り許可をし、 index.html からのリンクを作成します。目次のリンクは「3段組」という文字列にすること。
タイトル | ||
ここがmenuです。 menuなど
段組レイアウト解説
の |
ここがmainです。 3段にする方法この説明は3段にするのに、tableを使っていますが 本文(ページの内容)
内容はウェブページの説明にします。次の項目を入れてください。
3段の具体例(body内部)<body> <div class="header"> 見出しなどが入る(目次へのリンクとかh1とか) </div> <div class="menu"> 一段目の内容(メニューとかh2,pなどで構成する) </div> <div class="main"> 二段目の内容(ウェブページの作り方。h2,pなどで構成する) </div> <div class="sub"> 三段目の内容(注釈など。h2,pなどで構成する) </div> <div class="footer"> 下の部分(署名などを入れる。hr, address, pなどで構成する) </div> </body> </html> この下はない。 3段の具体例(スタイル)<head>~</head>の間に書きます 最低限必要なものだけ <style type="text/css"> div.menu { float:left; width:25%; } div.main { float:left; width:50%; } div.sub { float:left; width:25%; } div.footer { clear:both; } </style> |
ここがsubです。 注釈
floatするdivは marginを0にした方がよいでしょう 文章中に<をそのまま書くとタグの扱いをされて消えてしまうことがあります。 <を書く必要が出てきたときには、< と書きます。(little の意味です) |
ここがfooterです。 署名など |