『Web標準の教科書』各章

第2章第11節（p.100-105）

div#gnavi    { width: 760px; height: 20px; }
div#gnavi li { display: inline; list-style: none; }
  ：
  ：
<div id="gnavi">
  <ul>
    <li>リファレンス</li>
    <li>ティップス</li>
    <li>レポート</li>
    <li>厳選ツール</li>
  </ul>
</div>

span.red { color: #cc0000 }
  ：
  ：
<p>XHTMLは<span class="red">構造</span>の指定のみに用い、<span
class="red">表現</span>はCSSでコントロールする。</p>

div#left  { float: left; width: 400px; }
div#right { float: right; width: 200px; }
  ：
  ：
<div id="left">
（左に回り込ませる内容）
</div>

<div id="right">
（右に回り込ませる内容）
</div>

<!-- グローバルナビゲーション ここから -->
　：
　：
<!-- グローバルナビゲーション ここまで -->

<!-- グローバルナビゲーション
　　　　　　　　　　　　　ここから -->
　：
　：
<!-- グローバルナビゲーション
　　　　　　　　　　　　　ここまで -->

<style type="text/css">
<!--
（CSSの内容）
-->
</script>

<script type="text/javascript">
<!--
（JavaScriptの内容）
// -->
</script>

<style type="text/css">
<![CDATA[
（CSSの内容）
]]>
</style>

<style type="text/css">
（CSSの内容）
</style>

 ：
 ：
<p>この生春巻きは、"スイートチリソース"が合いますが、甘いものが苦手
な方は"ニョクマム"でもよいでしょう。</p> 

<hr />

<address>Copyright &copy; 2005 Shiratori Cooking Stadio.
All Rights Reserved.</address>

<p>詳しくは、<a
href="http://www.cybergarden.net/log/count.cgi&c=004">
Webデザイン講座</a>を参照。</p>

第2章 第11節（p.100-105）

Chapters

第2章第11節（p.100-105）