◆ ２-2 表を配置しましょう
表１ 飲み物 お砂糖 温 度
Ａさん 珈 琲 多 め アイス
Ｂさん 紅 茶 少なめ ホット
Ｃさん 緑 茶 −−− ホット
こうした表を作りたい場合は、TABLE要素を利用します。
<TABLE border sumary="好きな飲み物の一覧">
<TR><TD> 表１ </TD><TH> 飲み物 </TH><TH> お砂糖 </TH><TH> 温 度 </TH></TR>
<TR><TH> Ａさん </TH><TD> 珈 琲 </TD><TD> 多 め </TD><TD> アイス </TD></TR>
<TR><TH> Ｂさん </TH><TD> 紅 茶 </TD><TD> 少なめ </TD><TD> ホット </TD></TR>
<TR><TH> Ｃさん </TH><TD> 緑 茶 </TD><TD> ­ </TD><TD> ホット </TD></TR>
</TABLE>
' sumary 'には、表の説明を入れます。
' border 'は、枠線を表示したい場合に指定します。枠線が必要ない場合は削除して下さいね。
セル（コマ）を空白にしたい場合は、' ­ 'と記述しましょう。空白が書かれます。
また、表のヘッダとなるセルはTH要素を、表のデータとなるセルはTD要素を使います。
一行はTR要素で現し、全ての行のセルの数が同じになる様にして下さい。
なお、特殊な表…複数のセルを１つのセルにまとめたい場合は、次の様にします。
表２ 飲み物 好き嫌い
Ａさん 珈 琲 大好き
紅 茶 ふつう
緑 茶 嫌 い
<TABLE border sumary="飲み物の好き嫌い">
<TR><TD> 表２ </TD><TH> 飲み物 </TH><TH> 好き嫌い </TH></TR>
<TR><TH rowspan="3"> Ａさん </TH><TD> 珈 琲 </TD><TD> 大好き </TD></TR>
<TR> <TD> 紅 茶 </TD><TD> ふつう </TD></TR>
<TR> <TD> 緑 茶 </TD><TD> 嫌 い </TD></TR>
</TABLE>
この様に、' rowspan 'を使えば、「縦方向に」セルをくっ付ける事が出来ます。
同様に' colspan 'を使うと、横方向にセルをくっ付ける事が出来ます。
くっ付けたセルの分だけ（この例では３行目・４行目の最初のセル）、TH要素やTD要素が減る事に注意して下さいね。
◆ ３ 文章を分類しましょう
さてここで、文章を幾つかに分割しましょう。
大抵の文章は幾つかの大分類に分ける事が出来ます。
例えば、起承転結…
- 起
- 話の始めの文章。前置きや挨拶など。
- 承
- 起から続けて、話の本題に入っていく。
- 転
- 話の本題から、さらに話を膨らませる。
- 結
- 最後に判りやすくまとめる。
…私は起承転結でまとまる話し方が出来ていませんけどね…
また、このブログで言えば、「サイト」という大分類（一冊の本）が有って、その中で「カテゴリ」という中分類（篇）があり、さらに「記事」という小分類（章）が、その記事の中でも、「〜〜について」という（このサイトで言うと、緑の背景文字で項目名が振り分けられている）項目に分ける事が出来ます。
通常は、１ファイル＝１つの章（本文）となっていると思いますので、ここでは項目毎に分割します。
項目１・・・・・・・・・・・・・・・・・・
項目２・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・
項目３・・・・・・・・・・・・・・・・・・・・
・・・・・
こうした文章を、この様に分割します。
<DIV>
<H4> 項目１の名称 </H3>
項目１・・・・・・・・・・・・・・・・・・
</DIV>
<DIV>
<H4> 項目２の名称 </H3>
項目２・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・
</DIV>
<DIV>
<H4> 項目３の名称 </H3>
項目３・・・・・・・・・・・・・・・・・・・・
・・・・・
</DIV>
DIV要素は、文章をブロックにする要素です。
こうして文章を幾つかのブロックに分割する為に、最も多用する要素です。
H1〜H6要素は、見出しを入れる為の要素です。
例えば、H1をサイトのタイトルに、H2をカテゴリやコンテンツのタイトルに、H3をページ毎のタイトルに、H4を項目毎のタイトルに、H5を項目中の小分類に、H6をさらに小さな見出しにという様に、段階を踏んで利用します。
ここでは仮にH4を利用していますが、必要に応じて変更して下さい。
実際には、この作業は無くても構わず、次の様にしても構いませんが、著者自身が文章の構成を把握する為にも、問題のあるマーク付けを避ける為にも、またブロック毎に理解し、必要に応じて順番を入れ替えたりする時の為にも、やっておいた方が楽です。
<DIV>
<H4> 項目１の名称 </H3>
項目１・・・・・・・・・・・・・・・・・・
<H4> 項目２の名称 </H3>
項目２・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・
<H4> 項目３の名称 </H3>
項目３・・・・・・・・・・・・・・・・・・・・
・・・・・
</DIV>
しおんの日記
結局盛り上がっておしゃぶりしてもらったんだけど７マソ貰えてビビったｗｗｗ
工口ゲ代だけ貰うつもりだったのにプラスになりすぎて笑ったわｗｗｗｗｗｗ