HTMLでは曖昧な表現が許されていましたが、XHTMLでは、もともとのXMLに準拠して、全体的にHTMLがやや厳密に定義し直され、改正され、HTMLの頭にXをくっつけてXHTMLとなったようです。HTMLとXHTMLのタグは混在していても構いません。HTMLから自然とXHTMLへ移行できるように、HTMLタグ文書の中に、XHTMLで定義されたタグを使っています。移行型(Transitional)なのですネ。下記において、重要なことは、innerブロックは、mainWrapブロックとleftsideWrapブロックの二つを包み込んでいること、floatの使い方、そしてfloatの解除の仕方と解除の場所です。ここは、コンテンツを書く部分です。皆さん、ホームページ作成サイトへようこそいらっしゃいました。さあ、ここからは、具体的展開に入っていきます。今日は2012年12月25日です。イエス・キリストの誕生日ですね。我が家でも、イエスの誕生を祝って、家族でケーキを食べたのが昨晩のイヴでした。今日の夕食は久しぶりのカレーライスでした。私はカレーライスが大好きなので大変満足しました。上記の枠の中身を解説します。上段の枠はコンテンツ部分、下段の枠は左サイドメニュー部分のコーディングです。下の枠の最後</div>)です。id="mainWrap">に於いて、これは、id属性だから、スタイル宣言ルールセットのセレクタの頭に#がつきます。これはfloat属性の値がright(右側)だから、コンテンツを書く部分が右側に来ます。;}の様に、floatを左側に指定しているので、メニューを書く部分が左側に来るということです。このfloatの左・右の指定は、用事が済んだら最後に解除しなくてはいけません。/></div>)するということです。それをしないと、次にくるブロック部分と干渉して枠組みが乱れてしまいますからね。ところで、コンテンツの内容は、全て、「mainWrap」の中に書き、メニューを書く部分は、全て、「leftsideWrap」の中に書きます。style="color:brown;font-weight:bolder;">メニュー</span>は一行の範囲内の文字や文章などの要素にスタイルを適用するスタイル用タグ<span>であり、そのスタイルの適用のさせ方は、上記のように書けば良いですね。>は全角で書いています。id="footer">~</footer>)を説明します。--></body></html>ここでは、フッターの上部に「下段ナビメニュー」を入れてもいいですが、このsample1では、省略しています。入れ方は、ヘッダーの中の上段ナビメニューと同じです。<ul><li>~</li></ul>を使います。タグ<address>~</address>のあいだに挟まれているのが、作成者、作成者のe-mail、そして著作権の明示です。このブロックでホームページは終わりですので、最後に全体を囲っているWrapを閉じます。bodyを閉じて、htmlを閉じます。以上で、sample1の解説を全て終了します。行きます!!以下は、CSSファイルです。HTMLプログラムの外部に別途ファイルとして作成します。「sample1」の外部CSSファイル以下に、「sample1」のCSSファイルを示します。ファイル名は「sample_css_html_HP.css」です。その中身は次のようになっています。sample3の解説を見る!topもし質問などがありましたら、遠慮なくこちらから質問してください。可能な限り、お応えしたいと思います。私から「即座に反応」がない場合でも、諦めずに質問してみてくだされば、必ず、お応えしたいと思います。