HTML and CSS - Layout and Positioning: Arranging Elements(structure forthe table display, div elements)

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS(Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 11(Layout and Positioning: Arranging Elements)、SHARPEN YOUR PENCIL(No. 88101)を解いてみる。

SHARPEN YOUR PENCIL(No. 88101)

HTML (BBEdit, Emacs)

<div id="starbuzz_table">
  <div class="starbuzz_row">
    <div id="starbuzz_main">
      main
    </div>
    <div id="starbuzz_sidebar">
      sidebar
    </div>
  </div>
</div>

main

sidebar