<OL>
<LI>リスト1
<LI>リスト2
<LI>リスト3
</OL>

<p style="text-align:位置指定">

<TABLE BGCOLOR="色指定">
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>

</p>

  1. リスト１
  2. リスト２
  3. リスト３
文字
文字
※１　それぞれのセル単位でも色指定ができる
文字
文字
<TABLE>
<TR><TD BGCOLOR="色指定">文字</TD></TR>
<TR><TD BGCOLOR="色指定">文字</TD></TR>
</TABLE>

※2　表に枠をつける
文字
文字
<TABLE border>
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>


※3　行や列を増やす
文字 文字
文字 文字
<TABLE>
<TR><TD>文字</TD><TD>文字</TD></TR>
<TR><TD>文字</TD><TD>文字</TD></TR>
<TR><TD>文字</TD><TD>文字</TD></TR>
</TABLE>

※4　横に連結する(縦はrowspan)
文字（連結）
文字 文字
<TABLE>
<TR><TD colspan="連結したいセル数">文字</TD></TR>
<TR><TD>文字</TD><TD>文字</TD></TR>
</TABLE>

※5　表の位置を指定
文字
文字
<TABLE align="位置">　　left,center,rightなど
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>


※6　罫線と文字間の余白を設定（セルの余白はcellspacing）
文字
文字
<TABLE cellpadding="数値（ピスセル数）">
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>

※7　表のタイトルを設定（表の下に表示：align="bottom"を追加）
文字
文字
<TABLE>
<caption>タイトル名</caption>
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>


※8　複数指定(枠線と位置)
文字
文字
<TABLE border align="位置">　
<TR><TD>文字</TD></TR>
<TR><TD>文字</TD></TR>
</TABLE>

※9　セル内の文字位置（横　left center right）(縦　top middle,bottom)
文字
<TABLE align="横位置" valign="縦位置">　
<TR><TD>文字</TD></TR>
</TABLE>

CSS

※10　<HEAD>セクション部分で表の色を指定する方法
<style type="text/css">
table { background-color: orange}
</style>

※11　<HEAD>セクション部分で文字の色を指定する方法
<style type="text/css">
table { color: green}
</style>

※その他（※11に追加）　罫線のデザインを指定
<style type="text/css">
table { background-color: orange}
table,th,td { border:dotted 2px blue}

</style>




<br clear>