２−２ XHTML/HTML タグへ個別にスタイルを指定する
<div>に名前を付ける（id属性）
縦に組み合わせた<div>のボックスを左右に配置したり、横幅を指定したり、色を付けたりするには、CSS（スタイルシート）を使います。
それぞれの<div>へ個別のCSS（スタイルシート）を指定するには、id属性を使って、それぞれの<div>へ個別の名前を付け、スタイルシートを指定します。
<div id="site_box">
id名を「site_box」にした場合（半角英数字）
id名を「site_box」にした場合（半角英数字）
id名をCSS(スタイルシート）にも記述する
#site-box { スタイルを書き込むスペース
}
divタグに付けたid名をCSSファイルに＃（シャープ）を付けて書きこむことで、id別にスタイルを指定できるようになります。
ホームページソース
XHTML
<html>
<head>
<title></title>
</head>
<body>
<div id="site-box">
</div>
</body>
</html>
<head>
<title></title>
</head>
<body>
<div id="site-box">
<div id="a-box"></div>
<div id="b-box"></div>
<div id="c-box"></div>
<div id="d-box"></div>
</div>
</body>
</html>
CSS（スタイルシート）
#site-box { }
#a-box { }
#b-box { }
#c-box { }
#d-box { }
このページをブックマークする→ 
Yahoo!ブックマークに登録
Yahoo!ブックマークに登録
ホムつくメールマガジン 〜プロが明かす〜 これが人気ホームページの裏側だ！
（「まぐまぐ」にて殿堂入りしました）
ホームページ作成を一人で頑張るのもいいですが、仲間と一緒に頑張りませんか？
人気ホームページの作り方やホームページ運営者の生の声などの情報を発信していますので、ぜひあなたも購読してみてください。
ホムつく講座の講師は
こんなヤツ！
こんなヤツ！
ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。
→プロフィール
→お問い合わせ
ホームページ作成に
必要なものは？
必要なものは？
ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。
ホームページを初めて作るのですが・・
ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。
もっとデザインを
良くしたい
良くしたい
ホムつく講座では見た目だけが良いデザインではなく、ユーザー（利用者）の方が安心して、ホームページを閲覧できるデザインを学べます。
ホームページにアクセスが集まりません
ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。